jquery - 如何在提交前验证 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/