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