jquery checkbox全選與全不選

用jquery設置checkbox設置全選或者全不選,在網絡上查找到大多數都是使用

$("checkbox").attr("checked",true);//設置全選
$("checkbox").removeAttr("checked");//設置全不選
但是我使用次方法之後第二次時候不能全選操作,後來查找應該這樣

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   
<HTML>   
 <HEAD>   
  <TITLE> New document.nbsp;</TITLE>   
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />   
    <SCRIPT LANGUAGE="javascript" src="jquery.js"></script>   
  <SCRIPT LANGUAGE="javascript">   
	$(document).ready(function(){
		//設置全選
		$("#btn1").click(function(){
			var check = $("input[name=checkbox]");
			check.each(function(){
				var ischeck = $(this).is(':checked');
				if(ischeck == false){
					$(this).click();
				}
			});
		});
		//設置全不選
		$("#btn2").click(function(){
			var check = $("input[name=checkbox]");
			check.each(function(){
				var ischeck = $(this).is(':checked');
				if(ischeck == true){
					$(this).click();
				}
			});
		});
	});
	
  </SCRIPT>   
     
 </HEAD>   
  
 <BODY>   
 <form name="form1" method="post" action="">   
   <input type="button" id="btn1" value="全選">   
   <input type="button" id="btn2" 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>   



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章