jquery获取复选框的值的简单实例

  
   
   
   
   
   
   
   
   
 0   
 1   
 2   
 3   
 4   
 5   
 6   
 7   
   
   
 

JS代码

  
 

对checkbox的其他几个操作
1. 全选

2. 取消全选

3. 选中所有奇数

4. 反选

5. 获得选中的所有值
js代码

$("document").ready(function(){ 
$("#btn1").click(function(){ 
$("[name='checkbox']").attr("checked",'true');//全选 
}) 
$("#btn2").click(function(){ 
$("[name='checkbox']").removeAttr("checked");//取消全选 
}) 
$("#btn3").click(function(){ 
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数 
}) 
$("#btn4").click(function(){ 
$("[name='checkbox']").each(function(){//反选 
if($(this).attr("checked")){ 
$(this).removeAttr("checked"); 
} 
else{ 
$(this).attr("checked",'true'); 
} 
}) 
}) 
$("#btn5").click(function(){//输出选中的值 
var str=""; 
$("[name='checkbox'][checked]").each(function(){ 
str+=$(this).val()+"/r/n"; 
//alert($(this).val()); 
}) 
alert(str); 
}) 
}) 

html代码：

 
 
 
 
 
 
 
 
 
 
 
 
 
 

以上这篇jquery获取复选框的值的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。