码迷,mamicode.com
首页 > 其他好文 > 详细

全选/反选一步到位

时间:2014-12-18 18:46:55      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:style   blog   ar   io   color   sp   for   on   div   

 1 $("#checkAll").click(function() {
 2     var checkBoxs = $(‘.voucherIdArr‘);
 3     for(var i=0;i<checkBoxs.length;i++){
 4         if(checkBoxs[i].checked == false){
 5             checkBoxs[i].checked = true;
 6         }else{
 7             checkBoxs[i].checked = false;
 8         }
 9     }
10 })
1 <input type="checkbox" id="checkAll">全选
2 <input type="checkbox" class="voucherIdArr">
3 <input type="checkbox" class="voucherIdArr">
4 <input type="checkbox" class="voucherIdArr">
5 <input type="checkbox" class="voucherIdArr">
6 <input type="checkbox" class="voucherIdArr">

注意:就是判断子复选框($(‘.voucherIdArr‘))是否选中状态,如果没选中,点击全选的时候就让其选中;反之亦反。。。

全选/反选一步到位

标签:style   blog   ar   io   color   sp   for   on   div   

原文地址:http://www.cnblogs.com/yesw/p/4172199.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!