当按下提交按钮时，检查是否选中了复选框

Question

I tried "is" function but it is not work in asp.net. I just want to check if the box is select, if not keep in this page and show notice message.

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

Try this

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

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

});

Answer 2

It depends on where you want that logic. Shankar's answer is great if you want the validation explicitly in the javascript, however I tend to prefer a ViewModel with Data Annotations approach.

Answer 3

Use jQuery's .each() function to check each checkbox's state:

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

    var isSelected = false;

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

    alert(isSelected);
    return isSelected;
});