[JQUERY] checkbox 전체선택/전체해제

 

 

/**         
* 목적 : 체크박스 전체 선택                         
*/
       
$("#check_all").click(function(){            
 if ($(this).attr("checked") == true) {                
   $("input[name=boxname]").attr("checked", true);            
 } else {                
   $("input[name=boxname]").attr("checked", false);            
 }      
});
 
 
// 세부를 별도로 선택하면 전체 체크가 풀림 

$("$input[name=boxname]").click(function(){      
  $("input[name=check_all]").attr("checked", false);
});

 

 

<INPUT type="checkbox" id="check_all" name="check_all"> 전체
<SPAN>    
  <INPUT type="checkbox" value="1"  name="boxname"> 사과   
  <INPUT type="checkbox" value="2"  name="boxname"> 딸기   
  <INPUT type="checkbox" value="3"  name="boxname"> 수박  
</SPAN>