본문 바로가기

javaScript&jQuery

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

반응형

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">

반응형