Lucent's Blog

华发寻春喜见梅,一株临路雪倍堆。



代码在写我

Bug在De我

螃蟹在剥我的壳

漫天的我落在雪花上

而你在想我...

6LCi5Y2O5qKF

Jquery实现一键全选/反选/不选

使用jQuery实现的一键全选/反选/不选
页面代码:
<div id="box">
    <input type="checkbox" value="1">小王
    <input type="checkbox" value="2">小李
    <input type="checkbox" value="3">小张
    <input type="checkbox" value="4">老刘
    <input type="checkbox" value="5">老瓜
    <input type="checkbox" value="6">老毕
</div>
<div>
    <input type="checkbox" id="orChecked">全选/反选/全不选
</div>
js代码:
$('#orChecked').change(function(){
  if($(this).is(':checked')){
     var box = $('#box').children(':checkbox');
      // 复选框长度和没选中的个数一样 -> 全选
     if(box.length==box.filter(':not(:checked)').length){    
      $('#box').children(':checkbox').prop('checked',true);
     }else{
        // 如果有选中个数,-> 反选 
        $('#box').children(':checkbox').each(function(){     
           $(this).prop('checked',$(this).is(':checked')?false:true);
        });
      }
  }else{
      // 如控制键取消选中,剩余的checkbox也取消选中
      $('#box').children(':checkbox').prop('checked',false);    
  }
});
最近的文章

java执行cmd命令工具类(windows)

执行windows的cmd命令工具类importjava.io.BufferedReader;importjava.io.InputStreamReader;/***执行windows的cmd命令工具类**/publicclassCmdTools{/***公共部分*/publicstaticStri…

继续阅读
更早的文章

Hexo 命令

快速开始创建新文章$hexonew"MyNewPost"更多:Writing清理静态文件$hexoclean生成静态文件$hexogenerate##hexog更多:Generating部署到远程服务器$hexodeploy##hexod更多:Deployment启动服务$hex…

继续阅读