Jquery 复选框操作全

来源:互联网 发布:网络远程教育专升本 编辑:程序博客网 时间:2024/05/16 00:50

//注释 如果jquery版本太高 可把 attr不好使 可以用 prop 

$("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).attr("checked",'true'); 

else{ 

 $(this).removeAttr("checked"); 

}) 
 
 

}) 

//输出选中的值 

$("#btn5").click(function(){
var str=""; 
$("[name='checkbox'][checked]").each(function(){ 
str+=$(this).val()+"/r/n"; 
//alert($(this).val()); 
}) 
alert(str); 
}) 

}) 
0 0