Jquery stop form submit 체크 박스가 선택되지 않은 경우

Question

이 코드가 있지만 실제로 반환하지 않는 것 같습니다. 경고가 항상 나타납니다. 모든 생각 (확인란을 저장하는 var를 만들 필요없이 그냥 조금 해킹 것 같습니다 선택되었습니다).

감사합니다.

<script> 

    function countChecked() { 
     var n = $("input:checked").length; 
     $("div").text(n + (n <= 1 ? " is" : " are") + " checked!"); 
    } 
    countChecked(); 
    $(":checkbox").click(countChecked); 

</script> 

는 위 "$은 ("입력 : 선택 ")는"

확인 checboxes의 수를 확인하는

$("#form").submit(function(e) { 
    $('input[type=checkbox]').each(function() { 
     if(this.checked){ 
      return true; 
     } 
    }); 
    alert("Please select at least one to upgrade."); 
    return false; 
}); 

Answer 1

확인란을 선택했는지 확인하기 위해 루프를 수행 할 필요가 없습니다. :checked 선택기는 선택되지 않은 항목을 모두 필터링합니다. 그런 다음 $.length을 사용하여 체크 된 입력 수를 얻을 수 있습니다.

$("#form").submit(function(e) { 
    if(!$('input[type=checkbox]:checked').length) { 
     alert("Please select at least one to upgrade."); 

     //stop the form from submitting 
     return false; 
    } 

    return true; 
}); 

또한, 당신의 접근 방식을 사용, 작은 변화는 당신이 단순히 클릭에 대한 $() 주위 this

Answer 2

예 ... 선택한 항목의 배열을 반환 ... 당신은 확인할 수 있었다 " 이 배열의 길이가 0보다 큰지 확인하십시오.

Answer 3

ID 참조 #form을 사용하고 있습니다. 모든 양식을 참조하려는 것입니까, 아니면 양식에 ID가 form입니까?

Answer 4

코드 누락 될 수 있습니다 생각

$("#form").submit(function(e) { 
    $('input[type=checkbox]').each(function() { 
     if($(this).is(':checked')){ 
      return true; 
     } 
    }); 
    alert("Please select at least one to upgrade."); 
    return false; 
}); 

이 일을하고 제출 버튼을 입력해야합니다 :

$(":input").bind("click keypress", function(evt) { 
    var keyCode = evt.which || evt.keyCode; 
    var sender = evt.target;     
    if (keyCode == 13 || sender.type == "submit") {       
     evt.preventDefault(); 
     // add your validations 
    } 
    // and submit the form 
} 

Answer 5

var atleast = 1; 
function validate() { 
    debugger; 
    var CHK = document.getElementById("<%=chk1"); 
    var checkbox = document.getElementsByTagName("input"); 
    var counter = 0; 
    for (var i = 0; i < checkbox.length; i++) { 
     if (checkbox[i].checked) { 
      counter++; 
     } 
    } 
    if (atleast > counter) { 
     alert("Please select atleast " + atleast + " employee "); 
     return false; 
    } 
    return true; 
} 

<button type="submit" name="Initiate" value="Initiate" on click="return validate()" id=" initiate"></button>