HTML中的checkbox(復選框)是常用的表單元素之一,它可以允許用戶選擇一個或多個選項。而checked屬性則是用來設置復選框是否被選中。下面是一個使用checked屬性設置選中的復選框的示例:
<input type="checkbox" name="fruit" value="apple" checked>蘋果 <input type="checkbox" name="fruit" value="banana">香蕉 <input type="checkbox" name="fruit" value="orange" checked>橙子
在上面的示例中,第一個和第三個復選框都被設置為checked,因此它們會默認選中。而第二個復選框則沒有被選中。
需要注意的是,checked屬性只需要在input元素中添加即可,不需要賦值。例如:
<input type="checkbox" name="fruit" value="apple" checked>
而不是:
<input type="checkbox" name="fruit" value="apple" checked="true">
此外,如果需要動態設置checked屬性,可以使用JavaScript。例如:
var checkbox = document.querySelector('input[type="checkbox"]'); checkbox.checked = true;
上面的代碼將第一個復選框設置為選中狀態。