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();
posted @ 2012-04-20 17:51  祁连雪狼之家  阅读(137)  评论(0)  编辑  收藏  举报