基于jQuery实现复选框的全选 全不选 反选功能

代码是在众多的jQuery复选框功能代码中精选出来的,本人项目中使用的代码,这里分享给大家。

jQuery代码

代码如下:
Box').attr('checked',true); }); $("#checkedno").click(function(){ $('[name=items]:checkBox').attr('checked',false); }); $("#checkedRev").click(function(){ $('[name=items]:checkBox').each(function(){ //$(this).attr('checked',!$(this).attr('checked')); this.checked = !this.checked; }); }); $("#send").click(function(){ var str = "你选中的是:\r\n"; $('[name=items]:checkBox:checked').each(function(){ str += $(this).val()+"\r\n"; }); alert(str); }); });

HTML代码

代码如下:
Box" name="items" value="足球"/>足球 Box" name="items" value="篮球"/>篮球 Box" name="items" value="羽毛球"/>羽毛球 Box" name="items" value="乒乓球"/>乒乓球
edno" value="全不选"/>

小伙伴们使用起来是不是很方便,这也是本人千挑万选出来的,希望能对大家有所帮助。

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...