как проверить, установлен ли флажок в 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/

Answer 2

: проверено

(Документация - ваш лучший друг ...)

Answer 3

вы можете попробовать что-то вроде этого:

<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>

Надеюсь, это поможет!

Answer 4

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