Как я могу проверить установленный флажок?

Question

У меня есть несколько флажков в HTML, и я хочу убедиться, что проверено хотя бы одно. И я бы хотел использовать механизм проверки jQuery, чтобы мне не нужно было управлять бизнес-представлением сообщений об ошибках. Кроме того, я хочу сделать это перед отправкой формы. Я хочу проверить его, нажав кнопку. Мои коды любит это:

HTML:

<div class="control-group"> 
    <label class="label-class"> 
     <input type="checkbox" data-validation-minchecked-minchecked="1" value="1" name="testing"></input> 
    </label> 
    <label class="label-class"> 
     <input type="checkbox" data-validation-minchecked-minchecked="1" value="1" name="testing"></input> 
    </label> 
    <label class="label-class"> 
     <input type="checkbox" data-validation-minchecked-minchecked="1" value="1" name="testing"></input> 
    </label> 
</div> 

JavaScript:

$("button").click(function(e) { 
    var isOk = true; 
    isOk = $("myForm").validate({ 
     rules: { 
      testing: { 
       minlength: 1 
      } 
     }, 
     message: { 
      testing: "please select at least one item" 
     } 
    }); 
    return isOk; 
}); 

Но это не очень хорошо работает. Как мне реализовать эту логику?

Answer 1

попробуйте использовать ------ «требуется: правда»

Answer 2

Подайте форму, если есть больше чем 1 проверяется флажок элемента.

HTML:

<div class="control-group"> 
<label class="label-class"> 
    <input type="checkbox" data-validation-minchecked-minchecked="1" value="1" name="testing"></input> 
</label> 
<label class="label-class"> 
    <input type="checkbox" data-validation-minchecked-minchecked="1" value="1" name="testing"></input> 
</label> 
<label class="label-class"> 
    <input type="checkbox" data-validation-minchecked-minchecked="1" value="1" name="testing"></input> 
</label> 
</div> 
<button id="button">Submit</button> 

JQuery:

$("#button").click(function(e) { 
    return ($(":checked").length > 0); 
}); 

Или:

$("#button").click(function(e) { 
    if ($(":checked").length > 0) 
     // Submit your form here 
    else 
     // Display warning here 
}); 

Answer 3

Существует много ошибок, которые вы делаете в вашем коде. Я изменил свой код, изменил имена флажков, добавил к ним классы и другие вещи.

<form id="myForm"><div class="control-group"> 
    <label class="label-class"> 
     <input type="checkbox" class="group1" value="1" name="testing1"></input> 
    </label> 
    <label class="label-class"> 
     <input type="checkbox" class="group1" value="1" name="testing2"></input> 
    </label> 
    <label class="label-class"> 
     <input type="checkbox" class="group1" value="1" name="testing3"></input> 
    </label> 
    <button>Button</button> 
</div> 
</form> 

И JavaScript:

$("#myForm").validate({ 
     rules: { 
      testing1: { 
       require_from_group: [1, ".group1"] 
      }, 
      testing2: { 
       require_from_group: [1, ".group1"] 
      }, 
      testing3: { 
       require_from_group: [1, ".group1"] 
      } 
     }, 
     message: { 
      testing1: "please select at least one item", 
      testing2: "please select at least one item", 
      testing3: "please select at least one item", 
     } 
    }); 

$("button").click(function(e) { 

return $("#myForm").valid(); 

}); 

См jsFiddle