jquery 实现checkbox全选，反选，全不选等功能代码(奇数)

时间：2016.04.20 发布人：kankanyisheng
jquery 实现checkbox全选，反选，全不选等功能代码(奇数)

已解决问题

谷歌kankanyisheng用户在2016.04.20提交了关于“荣威350jquery 实现checkbox全选，反选，全不选等功能代码(奇数)”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-03-12T21:08:05。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，不知道说什么,送你一朵小红花吧 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：lightning8023  

设页面有如下一组复选框和几个相关按钮（全选，反选，全不选等）：
复制代防五注从兰新然整似伟码代码如下:
<inputtype="checkbox"name="fruit"value="apple"/>苹果
<inputtype="黑音想checkbox"name教杨怎苗服冲既="fruit"value树我毫胡较弱南="orange"/>橘子
<inputtype="checkbox"name="fruit"value="banana"/>香蕉
<inputtype="checkbox"name="fruit"value="grape"/>葡萄
<inputtype="b滑久列伯维频云utton"id="btn1"value="全选">
<inputtype="button"id="btn2"value="全不选">
<inputtype="button"id副呢片搞称苗乱国的="btn3"value="反选">
<inputtype="button"id="btn4"value="选中所有奇数">
<input天写弱针结站导每type="butto哪结皇八抓见史n"id="btn5"value="获得选中的所有值">

则分别实现相关功能的完整代码如下：
满为且复制代码代码如下:
$(function(){
$('#btn1').click(function(){//全选
$("[name='fruit']").attr析('checke真负封d','true');
});
$('#btn2').cli写爱吸流立ck(funct未导凯脸酒征磁绝利ion(){//全不选
$("[name='fruit']").removeAttr('但比根开汉笑除给排checked');
});
$('#btn3').click(function(){//反选
$("源海显罗各要身儿完[name='fruit']").each(function(){
if($(this).attr('checked')){
$(this).removeAttr('checked');
}else{
$(this).attr('checked','true');
}
})
});
$("#btn4").click(function(){//选中所有奇数
$("[name='fruit']:even").attr('checked','true');
})
$("#btn5").click(function(){//获取所有选中的选项的值
varcheckVal='';
$("[name='fruit'][checked]").each(function(){
checkVal+=$(this).val()+',';
})
alert(checkVal);
})
});

注意使用jquery之前必须要引入jquery包哦！