Programing

Jquery-하나 이상의 확인란이 선택되어 있는지 확인

crosscheck 2020. 12. 3. 07:32
반응형

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

반응형