如何验证是否一个复选框被提交

Question

<select name="status" id='status'> 
    <option value="Submitted">Submitted</option> 
    <option value="Canceled">Canceled</option> 

</select> 
<input type="checkbox" id="app_box" name="application_complete" value="checked"> App Complete 

<script type="text/javascript"> 
$(function() { 

    $('form.editable').submit(function(){ 
     if ($('#status').val()=='Canceled') { 
      if (!confirm('This information will be discarded!)) { 
       return false; 
      } 
     } 
    }); 

}); 
</script> 

之前在jQuery的检查所以，我有正常工作上面的脚本。我必须再添加一个确认。当代理点击提交按钮时，我想检查应用程序复选框是否被选中。如果未检查，则显示另一个确认框，说明您必须选中该框。这怎么可以在jQuery中完成。

Answer 1

像这样：

if ($('#app_box').is(':checked')){...} 

或者

if ($('#app_box')[0].checked){...} 

因此，这里是如何你的代码笑ULD是：

$('form.editable').submit(function(){ 
    if (! $('#app_box')[0].checked){ 
     alert('Check App Complete first !'); 
     return false; 
    } 

    if ($('#status').val() == 'Canceled') { 
     if (!confirm('This information will be discarded!')) { 
      return false; 
     } 
    } 
}); 

---

了解更多：

• http://api.jquery.com/checked-selector/

Answer 2

:checked

（文档是你最好的朋友......）

Answer 3

$("input[name='application_complete']").is(":checked")) 

Answer 4

你可以尝试这样的事：

<script type="text/javascript"> 
$(function() { 

    $('form.editable').submit(function(){ 
     if ($('#status').val()=='Canceled') { 

      //check if the box is checked! 
      if ($("#app_box").is(':checked')) { 
       alert("You have to check the box 'App Complete'"); 
       return false; 
      } 

      if (!confirm('This information will be discarded!)) { 
       return false; 
      } 
     } 
    }); 

}); 
</script> 

我希望它能帮助！