jQuery对checkbox的操作小记

如:checkbox

<input type="checkbox"  id="allcheck" name="key">    控制全选和反选的

下面就是n多个value不同的checkbox。

<input type="checkbox" value="1" name="key"> 

操作部分代码如下:

1、全选和反选

 1 //全选操作
 2  $("#allcheck").live("click", function(){
 3    if($("#allcheck").attr("checked"))  //全选
 4    {
 5      $('[name=key]:checkbox').attr('checked',true);
 6      $("#check").attr('checked',true);
 7    }
 8    else                //反选
 9    { $("#check").attr('checked',false);
10      $('[name=key]:checkbox').attr('checked',false);
11    }
12  });

2、多选

1    var sid="";
2    $("[name=key]:checkbox[checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
3      sid+=$(this).val()+",";      //取出值
4     });

3、取多选中的第一个选中的值

1 $("[name=key]:checkbox[checked]").val();   
原文地址:https://www.cnblogs.com/zzming/p/2459664.html