반응형
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">
반응형
'javaScript&jQuery' 카테고리의 다른 글
ajax 이용해서 multipart 데이터 전송하기 (0) | 2016.07.21 |
---|---|
jquery.ajax, jquery.getJSON, jquery.post 사용하기 (0) | 2016.07.21 |
jquery를 이용한 radio button 정보 얻기 (0) | 2016.07.21 |
jquery를 이용해서 시작날짜와 종료날짜 비교 (0) | 2016.07.20 |
checkbox, radio 에서 정보 읽어 올 때 주의사항 (0) | 2016.07.20 |