jquery全选checkBox功能实现代码(取消全选功能)

2020-05-19 07:33:06易采站长站整理

          }
         })
       })
        $(“#btn5”).click(function(){
      var str=””;
          $(“[name=’checkbox’][checked]”).each(function(){
             str+=$(this).val()+”/r/n”;
         })
       alert(str);
    })
      })
 //–>
 </SCRIPT>
</HEAD>


<BODY>
<form name=”form1″ method=”post” action=””>
  <input type=”checkbox” id=”all” name=”all”>
  <input type=”button” id=”btn1″ value=”全选”>
  <input type=”button” id=”btn2″ value=”取消全选”>
   <input type=”button” id=”btn3″ value=”选中所有奇数”>
  <input type=”button” id=”btn4″ value=”反选”>
  <input type=”button” id=”btn5″ value=”获得选中的所有值”>
   <br>
  <input type=”checkbox” name=”checkbox” value=”checkbox1″>
  checkbox1
   <input type=”checkbox” name=”checkbox” value=”checkbox2″>
 checkbox2
   <input type=”checkbox” name=”checkbox” value=”checkbox3″>
  checkbox3
   <input type=”checkbox” name=”checkbox” value=”checkbox4″>
   checkbox4
  <input type=”checkbox” name=”checkbox” value=”checkbox5″>
   checkbox5
   <input type=”checkbox” name=”checkbox” value=”checkbox6″>
   checkbox6
  <input type=”checkbox” name=”checkbox” value=”checkbox7″>
  checkbox7
   <input type=”checkbox” name=”checkbox” value=”checkbox8″>
 checkbox8
 </form>


 </BODY>
</HTML>