如何驗證是否一個複選框被提交

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> 

我希望它能幫助！