Lorsque vous appuyez sur le bouton Soumettre, cochez si la case est cochée

Question

J'ai essayé la fonction "is" mais cela ne fonctionne pas dans asp.net. Je veux juste vérifier si la boîte est choisie, sinon garder dans cette page et montrer le message d'avis.

code:

@foreach (var f in gs.Set.Facets) 
     { 
      <li> 
       <label> 
        <input type="@(gs.Set.AllowMultipleSelection ? "checkbox" : "radio")" 
        name="FacetResults" 
        value="@f.FacetID"@(ViewData.Model.FacetStates[f.FacetID] ? " checked=\"checked\"" : "") class="sel"/> 
        @f.LabelText 
       </label> 
      </li> 
     } 
    <input type="submit" value="Complete" id = "Complete" /> 

Answer 1

Essayez cette

$("#Complete").click(function(){ 

    if(!$("input:checkbox[name='FacetResults']").is(":checked")){ 
     return false; 
    } 

}); 

Answer 2

Cela dépend de l'endroit où vous voulez que la logique. La réponse de Shankar est géniale si vous voulez la validation explicitement dans le javascript, mais j'ai tendance à préférer une approche ViewModel avec Data Annotations.

Answer 3

fonction .each() Utilisons jQuery pour vérifier l'état de chaque case à cocher:

$('#Complete').click(function() { 

    var isSelected = false; 

    $('input:checkbox[name="FacetResults"]').each(function (index) { 
     if ($(this).attr('checked')) { 
      isSelected = true; 
     } 
    }); 

    alert(isSelected); 
    return isSelected; 
});