首页 / 脚本样式 / JavaScript / JQuery CheckBox（复选框）操作方法汇总

1.   获取单个checkbox选中项（三种写法）：
复制代码 代码如下:
$（"input:checkbox:checked"）.val（）

或者
复制代码 代码如下:
$（"input:[type="checkbox"]:checked"）.val（）;

或者
复制代码 代码如下:
$（"input:[name="ck"]:checked"）.val（）;

2.   获取多个checkbox选中项：
复制代码 代码如下:
    $（"input:checkbox"）.each（function（） {
            if （$（this）.attr（"checked"） ==true） {
                alert（$（this）.val（））;
            }
     }）;

或者
复制代码 代码如下:
（"input:checkbox"）.map（function （） {            
   return（this）.val（）;
}）.get（）.join（","） ;

3.   设置第一个checkbox 为选中值：
复制代码 代码如下:
$（"input:checkbox:first"）.attr（"checked","checked"）;

或者
复制代码 代码如下:
$（"input:checkbox"）.eq（0）.attr（"checked","true"）;

4.   设置最后一个checkbox为选中值：
复制代码 代码如下:
$（"input:radio:last"）.attr（"checked", "checked"）;

或者
复制代码 代码如下:
$（"input:radio:last"）.attr（"checked", "true"）;

5.   根据索引值设置任意一个checkbox为选中值：
复制代码 代码如下:
$（"input:checkbox）.eq（索引值）.attr（"checked", "true"）;索引值=0,1,2....

或者
复制代码 代码如下:
$（"input:radio"）.slice（1,2）.attr（"checked", "true"）;

6.   选中多个checkbox：
同时选中第1个和第2个的checkbox：
复制代码 代码如下:
$（"input:radio"）.slice（0,2）.attr（"checked","true"）;

7.   根据Value值设置checkbox为选中值：
复制代码 代码如下:
$（"input:checkbox[value="1"]"）.attr（"checked","true"）;

8.   删除Value=1的checkbox：
复制代码 代码如下:
$（"input:checkbox[value="1"]"）.remove（）;

9.   删除第几个checkbox：
复制代码 代码如下:
$（"input:checkbox"）.eq（索引值）.remove（）;索引值=0,1,2....

如删除第3个checkbox:
复制代码 代码如下:
$（"input:checkbox"）.eq（2）.remove（）;

10.遍历checkbox：
复制代码 代码如下:
$（"input:checkbox"）.each（function （index, domEle） {
//写入代码
}）;

11.全部选中
复制代码 代码如下:
     $（"input:checkbox"）.each（function（） {
      $（this）.attr（"checked", true）;
     }）;

12.全部取消选择：
复制代码 代码如下:
$（"input:checkbox"）.each（function （） {
 $（this）.attr（"checked",false）;
}）;