JQUERY复选框CHECKBOX全选,取消全选
2008-08-30 00:00
1136 查看
<script type="text/javascript"> $(function() { $("#checkall").click(function() { $("input[@name='checkname[]']").each(function() { $(this).attr("checked", true); }); }); $("#delcheckall").click(function() { $("input[@name='checkname[]']").each(function() { $(this).attr("checked", false); }); }); }); </script> <input type='checkbox' id='id1' name='checkname[]' value='1' />value1 <input type='checkbox' id='id2' name='checkname[]' value='2' />value2 <input type='checkbox' id='id3' name='checkname[]' value='3' />value3 <input type="button" id="checkall" name="checkall" value="全选" /> <input type="button" id="delcheckall" name="delcheckall" value="取消全选" />
更加简单的一种:
$("#checkall").click( function(){ if(this.checked){ $("input[name='checkname']").each(function(){this.checked=true;}); }else{ $("input[name='checkname']").each(function(){this.checked=false;}); } } );
相关文章推荐
- jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例
- JQUERY复选框CHECKBOX全选,取消全选
- jquery实现复选框checkbox全选,取消全选
- jquery实现复选框checkbox全选,取消全选
- jquery实现复选框checkbox全选,取消全选
- Jquery CheckBox复选框 全选/取消全选 最佳实现方式 参考案例
- jquery实现复选框checkbox全选,取消全选
- jquery实现checkbox全选,反选,取消选择
- Jquery中对checkbox的各种“全选”或者“取消”功能实现(特别注意1.6+的一定不能使用attr来取属性了!用prop!)
- CHECKBOX全选,取消全选-jquery
- 如何用jquery实现checkbox的全选、反选、取消反选,以及如何得到选中的checkbox的值
- checkbox全选/取消全选以及checkbox遍历jQuery实现代码
- (jQuery版)js:CheckBoxList全选,取消
- js与jQuery实现checkbox复选框全选/全不选的方法
- jquery实现复选框(checkbox)的全选与反选
- jquery判断checkbox全选,全取消
- jquery复选框CHECKBOX全选、反选
- jquery全选checkBox功能实现代码(取消全选功能)
- jquery实现checkbox全选、取消全选
- 通过Jquery全选或全部取消某个table的checkbox