2015. 7. 9. 17:21
[jQuery]
1. 특정 체크박스 체크 확인
<script>
$('#mod_gb2').click(function() {
var ischecked = $('#mod_gb2').attr('checked');
if(ischecked)
{
alert("2번이 체크되었습니다.");
}
else
{
alert("2번이 체크되지 않았습니다.");
}
});
</script>
2. 체크 박스 전체
// name이 mod_gb인 체크박스 그룹의 아무 박스를 선택하면
$('input[name=mod_gb]:checkbox').click(function() {
var gb1 = $('#mod_gb1').attr('checked');
var gb2 = $('#mod_gb2').attr('checked');
var gb3 = $('#mod_gb3').attr('checked');
if(gb3 && (gb1 || gb2)){
alert("ID 해지는 다른 항목과 중복 선택하실 수 없습니다.");
$('#mod_gb3').attr('checked', false);
}
});
3. 체크박스 선택 유무 확인
$('#btn').click(function(){
var cnt = $("input[name=mod_gb]:checkbox:checked").length;
if(cnt < 1){
alert('한 개 이상을 선택하셔야 합니다');
}else{
alert(cnt+'개가 선택되었습니다');
}
});
[출처] [jQuery] jQuery Checkbox 기능정리|작성자 주한길
반응형
'jQuery' 카테고리의 다른 글
[jQuery] jQuery 2.0 정식 릴리즈 (0) | 2015.07.09 |
---|---|
[jQuery] jQuery Checkbox 선택 (0) | 2015.07.09 |
[jQuery] jQuery Checkbox 와 Div 사용하기 (0) | 2015.07.09 |
[jQuery] jQuery 시작하기 - Aptana 편집기 (0) | 2015.07.09 |
[jQuery] jQuery 유용한 Tip (0) | 2015.07.09 |