全选和反选

来源:互联网 发布:单片机地址寄存器 编辑:程序博客网 时间:2024/05/22 14:43

​​//设置一个表单的checkbox

<td><input type="checkbox" value="<?php echo $value['id'] ?>"></td>​、

//设置2个按钮

<button id="quan">全选</button>
        <button id="fan">反选</button>​

  //使用jquery 实现功能

<script>
 
     $("#quan").on("click",function(){
         $("input[type='checkbox']").prop('checked',true);
     })
     $("#fan").on("click",function(){
         $("input[type='checkbox']").each(function(k,v){
              if($(v).prop('checked')==true){
              $(v).prop('checked',false);
          }else{
              $(v).prop('checked',true);
          }
         });
     })
</script>
​​​​​

原创粉丝点击