반응형
jQuery를 사용하여 체크박스가 하나 이상 선택되어 있는지 확인할 수 있습니까?
나는 많은 체크박스를 가질 수 있는 아래의 HTML 양식을 가지고 있습니다.제출 버튼을 클릭했을 때, 사용자가 하나라도 선택하지 않으면 확인란을 하나라도 선택할 수 있도록 자바스크립트 알림을 받게 해주세요.jQuery를 이용해서 쉽게 할 수 있는 방법이 있습니까?
<form name = "frmTest" id="frmTest">
<input type="checkbox" value="true" checked="true" name="chk[120]">
<input type="checkbox" value="true" checked="true" name="chk[128]">
<input type="checkbox" name="chk[130]">
<input type="checkbox" name="chk[143]">
<input type="submit" name="btnsubmit" value="Submit">
</form>
if(jQuery('#frmTest input[type=checkbox]:checked').length) { … }
$('#frmTest input:checked').length > 0
$("#frmTest").submit(function(){
var checked = $("#frmText input:checked").length > 0;
if (!checked){
alert("Please check at least one checkbox");
return false;
}
});
$("#show").click(function() {
var count_checked = $("[name='chk[]']:checked").length; // count the checked rows
if(count_checked == 0)
{
alert("Please select any record to delete.");
return false;
}
if(count_checked == 1) {
alert("Record Selected:"+count_checked);
} else {
alert("Record Selected:"+count_checked);
}
});
$('#fm_submit').submit(function(e){
e.preventDefault();
var ck_box = $('input[type="checkbox"]:checked').length;
// return in firefox or chrome console
// the number of checkbox checked
console.log(ck_box);
if(ck_box > 0){
alert(ck_box);
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name = "frmTest[]" id="fm_submit">
<input type="checkbox" value="true" checked="true" >
<input type="checkbox" value="true" checked="true" >
<input type="checkbox" >
<input type="checkbox" >
<input type="submit" id="fm_submit" name="fm_submit" value="Submit">
</form>
<div class="container"></div>
$('#frmTest').submit(function(){
if(!$('#frmTest input[type="checkbox"]').is(':checked')){
alert("Please check at least one.");
return false;
}
});
is (':checked') 확인란을 하나 이상 선택하면 true로 반환됩니다.
언급URL : https://stackoverflow.com/questions/2684434/can-i-use-jquery-to-check-whether-at-least-one-checkbox-is-checked
반응형
'programing' 카테고리의 다른 글
페이스북 공유자가 항상 잘못된 작성자를 보여줌 (0) | 2023.10.21 |
---|---|
PHP/MySQL(InnoDB)로 TRANCATION/COMIT가 성능을 크게 향상시키는 이유는 무엇입니까? (0) | 2023.10.21 |
Mac에 파이썬 모듈을 설치하는 가장 호환되는 방법은 무엇입니까? (0) | 2023.10.16 |
데이터베이스에 직접 액세스하기 위한 개발자 도구 (0) | 2023.10.16 |
표에서 BLOB 열의 총 데이터 크기 계산 (0) | 2023.10.16 |