Jquery判断复选框选中

最新推荐文章于 2024-12-30 17:57:28 发布

快乐2

最新推荐文章于 2024-12-30 17:57:28 发布

阅读量396

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery js

本文链接：https://blog.youkuaiyun.com/u010924288/article/details/52259496

js 同时被 2 个专栏收录

11 篇文章

订阅专栏

Jquery

2 篇文章

订阅专栏

本文介绍了一个使用jQuery操作复选框的具体示例，包括全选、取消全选、选中奇数项及反选等功能，并展示了如何获取已选中的复选框值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function jqchk(){ //jquery获取复选框值 
var chk_value =[]; 
$('input[name="test"]:checked').each(function(){ 
chk_value.push($(this).val()); 
}); 
alert(chk_value.length==0 ?'你还没有选择任何内容！':chk_value); 
}

$("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); 
})