JQuery

[JQuery] input checkbox 전체선택/전체해제

chsr 2020. 7. 1. 10:03
728x90
반응형
<!-- 전체선택 -->
<input type="checkbox" class="selAll" name="selChk[]" value="" />

<!-- 선택 리스트 -->
<input type='checkbox' class='selChk' onclick='clkSelChk()' name='selChk[]' value='A' />
<input type='checkbox' class='selChk' onclick='clkSelChk()' name='selChk[]' value='B' />
<input type='checkbox' class='selChk' onclick='clkSelChk()' name='selChk[]' value='C' />
<input type='checkbox' class='selChk' onclick='clkSelChk()' name='selChk[]' value='D' />

<script type="text/javascript">
  // 전체선택 시 선택 리스트 모두 체크됨 
  $(".selAll").click( function(){
	$(".selChk").prop('checked', this.checked);
  });
  
  // 전체선택 후 선택 리스트 하나라도 누르게 되면 전체선택 체크 해제
  function clkSelChk(){
  	$(".selAll").prop("checked", false);
  }
  
  // 선택 리스트 전체해제
  //$(".selChk").prop("checked", false);
</script>
728x90
반응형