CheckBox(复选框)控件用来标识某个选项是否为选定的状态。因此通常用此控件提供“Yes/No”或“True/False”选项。可用分组的CheckBox控件显示多组不同类型的选项，用户可从中一个组选择一个或多个选项。CheckBox控件在工具箱中的图标如图所示：
CheckBox控件与RadioBox(单选框)控件都可以用来指示用户是否对某个选项作出选择。不同之处在于，对于一个组内RadioBox控件，一次只能选择其中的一个，而对于所有的CheckBox控件，则可选定任意数目的复选框。RadioBox控件将在后面进一步介绍。
1.CheckState属性
CheckBox控件的CheckState属性指示复选框处于选定、未选定或禁止状态（暗淡的）中的哪一种。选定时，CheckState设置值为1。
下表为用于设置CheckState属性的数值和相应的Visual Basic常数： 
设置值
            
值
            
常数
        
UnChecked
            
0
            
CheckState.UnChecked
        
Checked
            
1
            
CheckState.Checked
        
Indeterminate
            
2
            
CheckState.Indeterminate
        
用户单击CheckBox控件指定选定或未选定状态，然后可检测控件状态并根据此信息编写应用程序以执行某些操作。缺省时，CheckBox控件设置为CheckState.Unchecked。若要预先在一列复选框中选定若干复选框，则应在New或InitializeComponent过程中将CheckState属性设置为CheckState.Checked以选中复选框；可将CheckState属性设置为CheckState.Indeterminate以禁用复选框。例如，有时可能希望满足某条件之前禁用复选框。
2.Click事件
无论何时单击CheckBox控件都将触发Click事件，然后编写应用程序，根据复选框的状态执行某些操作。在下例中，每次单击CheckBox控件时都将改变其Text属性以指示选定或未选定状态：
Protected Sub CheckBox1_Click(ByVal sender As Object,ByVal As_
                       System.EventArgs)Handles CheckBox.Click
    If CheckBox1.CheckState=CheckState.Checked Then
       CheckBox1.Text="Checked"
    ElseIf CheckBox1.CheckState=CheckState.UnChecked Then
       CheckBox1.Text="UnChecked"
    End If
注意：如果试图双击CheckBox控件，则将双击当作两次单击，而且分别处理两次单击，即：CheckBox控件不支持双击事件。
3.响应鼠标和键盘
在键盘上使用Tab键并按SpaceBar键，由此将焦点转移到CheckBox控件上，这时也会触发CheckBox控件的Click事件。可以在Text属性的一个字母之前添加连字符，创建一个键盘快捷方式来切换CheckBox控件的选择。
4.增强CheckBox控件的视觉效果
CheckBox控件象Button和RadioButton控件一样，可通过更改Style属性的设置值后使用Image、ImageAlign、ImageIndex和ImageList属性增强其视觉效果。例如：有时可能希望在复选框中添加图标或位图，或者在单击或禁止控件时显示不同的图象等。
 

jquery获取复选框checkbox的值

实现方式：jquery获取复选框checkbox的值

checkbox选中与取消选择

1.html

<form>
    <input type="checkbox" name="items" value="足球" />足球
    <input type="checkbox" name="items" value="篮球" />篮球
    <input type="checkbox" name="items" value="羽毛球" />羽毛球
</form>

2.js

//全选中
$("input[type=checkbox]").prop("checked","checked");
//取消选中
$("input[type=checkbox]").removeAttr("checked");

注意：使用attr(),会发现代码那里的checked="checked",但是页面input上没有显示出来

 

一 、checked属性
checked属性代表的是当前checkbox是否被选中，如果选中返回true，未选中返回false。和value值无关。
<p><input type="checkbox" name="vehicle" checked/> I have a car</p>

document.getElementById("checkbox1").checked

知识点：


checked只代表页面刷新时，checkbox处于选中状态。checked的属性返回true;

此时，点击checkbox使其处于非选中状态，html代码没有变化（checked依然源码上）。但checked的属性返回false;


html中出现checked字样，代表刷后新选，和checked=“任意值”无关。哪怕checked=“false”,刷新时，checkbox仍然是选中状态。可以理解为checked之后的属性值都是没意义的。


结论：

html中checked意味着页面加载时，让该checkbox元素的checked属性为true,页面显示选中状态。
在提交表单时判断表单是否选中的标准是document.getElementById(“checkbox1”).checked返回true还是false。和html页面内容无关。

二 、value属性
<p><input type="checkbox" name="vehicle" id="checkbox1" /> I have a car</p>

alert(document.getElementById("checkbox1").value);

value的属性代表checkbox提交给表单的值。

value如果没有设置，则默认value的值是“on”。如果设置，自然value就是设置的值。
value的值和表单是否选中无关。 无论表单是否选中，checkbox的值都是一样的。

※这个点是包括我在内很多人都有误解。

三、表单提交对checkbox处理
请问下面这个表单提交后，提交的name和value是什么呢？
<p><input type="checkbox" name="vehicle" id="checkbox1" checked/> I have a car</p>

答案是不确定
解释：
要点1: 当checkbox处于选中状态时，该checkbox的数据才会被提交。否则，数据不提交。

什么叫做选中状态？

唯一准确的答案是document.getElementById(“checkbox1”).checked返回true;

我已经解释过，html的checked只代表刷新后的状态，不代表提交时的状态。

我如果通过js把该属性设置成false，有的浏览器看到的还是打对号选中的状态。实际checked属性是false。
要点2： 表单提交的value是value属性的值。默认是“on”，否则是设置值。无论是否勾选都是一个值。
总结：
上面的表单，如果处于选中状态，提交给server的name-value是"vehicle=on".

如果是非选中状态，提交的是空，也就是不提交该数据。
四、实际工作中遇到的问题：
checkbox未选中状态，表单的数据没有提交到后台。

预期checkbox选中提交1，未选中提交0。但发现数据库没有更新，通过以上明白了为什么。
解决方法：
在表单提交前，扫描所有的checkbox状态，如果checkbox是checked=true。

把value设置为1.。如果checkbox=false，把value设置为0.
具体代码，大家可以百度，有很多人遇到类似问题。解决方法可以有很多种，重点是理解了chebox的原理是什么。