이야기앱 세상

jQuery - jQuery로 구현한 checkobx 전체 선택/해제 하기 본문

IT/jQuery

jQuery - jQuery로 구현한 checkobx 전체 선택/해제 하기

storya 2016. 3. 24. 19:54
jQuery로 구현한 checkobx 전체 선택/해제 하기

스크립트
-----------------------------------------------------

$('#chk_all').click(function(){
   if($(this).is(':checked')){
      $('input[name=del]').prop('checked',true);
   }else{
      $('input[name=del]').prop('checked',false);
   }
});

HTML
----------------------------------------------------
전체선택
<input type="checkbox" name="del" id="chk_all">
<input type="checkbox" name="del" value="1">
<input type="checkbox" name="del" value="2">
<input type="checkbox" name="del" value="3">


반응형
Comments