如何验证在提交之前是否在jQuery中选中了复选框

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中完成.

Answer 1

像这样:

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

要么

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

所以这是你的代码应该如何:

$('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/