HTML 多選框設(shè)置選中的步驟:
<input type="checkbox" name="fruit" value="apple" checked> 蘋果 <input type="checkbox" name="fruit" value="orange"> 橙子 <input type="checkbox" name="fruit" value="banana" checked> 香蕉
以上代碼表示了一個多選框列表,其中“蘋果”和“香蕉”已經(jīng)被選中。下面解釋一下具體的實(shí)現(xiàn)方法:
- 使用 input 標(biāo)簽,并設(shè)置 type 屬性為 “checkbox”
- 設(shè)置 name 屬性,以便將多個多選框關(guān)聯(lián)起來
- 設(shè)置 value 屬性,以便后臺程序能夠識別所選項的值
- 使用 checked 屬性來表示一個多選框默認(rèn)被選中
如果你想通過 JavaScript 來設(shè)置多選框的選中狀態(tài),可以使用以下代碼:
document.getElementById("apple").checked = false; document.getElementById("orange").checked = true; document.getElementById("banana").checked = false;
以上代碼將選中“橙子”多選框,并取消選中“蘋果”和“香蕉”多選框。