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/

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>

我希望它有所帮助！

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

4 个答案: