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
반응형