html checkbox的用法

HTML checkbox通常用于让用户选择一项或多项目。其基本用法包括：

1. **添加到HTML结构**[^1]:

   <input type="checkbox" id="myCheckbox">

其中，`type="checkbox"`定义了一个复选框。

2. **美化外观**:
利用CSS可以定制checkbox的样式，如隐藏原生的checkbox并添加自定义图标：

   input[type="checkbox"] {
       display: none;
   }
   input[type="checkbox"]:before {
       content: '\2713'; /* 此处可替换为自定义图标 */
       display: inline-block;
       margin-right: 5px;
   }
   input[type="checkbox"]:checked:before {
       color: green;
   }

3. **jQuery操作**[^2]:
jQuery提供了便利的方法来操作checkbox。比如，启用或禁用：

   // 启用checkbox
   $("#myCheckbox").prop("disabled", false);
   
   // 检查状态
   if ($("#myCheckbox").is(":checked")) {
       console.log("Checkbox is checked.");
   }