반응형
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);
}
});
$('#frmTest').submit(function(){
if(!$('#frmTest input[type="checkbox"]').is(':checked')){
alert("Please check at least one.");
return false;
}
});
is ( ': checked')는 적어도 하나 이상의 확인란이 선택되어 있으면 true를 반환합니다.
$('#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>
참고 URL : https://stackoverflow.com/questions/2684434/jquery-check-if-at-least-one-checkbox-is-checked
반응형
'Programing' 카테고리의 다른 글
드롭 다운 자바 스크립트에서 값을 선택하는 방법은 무엇입니까? (0) | 2020.12.03 |
---|---|
배열에 PHP의 특정 값이 포함되어 있는지 어떻게 확인할 수 있습니까? (0) | 2020.12.03 |
SQL 쿼리로 데이터없이 mysql 테이블 구조를 덤프하는 방법은 무엇입니까? (0) | 2020.12.03 |
Android OS에서 사용할 수있는 IPC 메커니즘은 무엇입니까? (0) | 2020.12.03 |
Webstorm의 프로젝트 창에서 누락 된 폴더 (0) | 2020.12.03 |