Как проверить, установлен ли флажок в этом примере (javascript / jQuery.)

Question

Мне нужно проверить, установлен ли флажок или нет, чтобы отобразить сообщение об ошибке. До сих пор я думал, что это должно работать (если не проверено, то это должно быть пустым, я думал).

CODE

<span id="sc_info" style="float: right; padding-right: 5px;">

<input type="checkbox" name="terms" id="sc_terms" value="" checked="checked" />

<br /><label class="error" for="body" id="terms_error">This field is required.</label>
</form>

<script>
$(document).ready(function() {
    //Story Form
    $('.error').hide();  
    $(".button").click(function() {

    $('.error').hide();  
    var terms = $("input#sc_terms").val();  
    if (terms == "") {  //if is not checked
    $("label#terms_error").show();  //show error message
    $("input#sc_terms").focus(); //focus on an empty element
    return false;  
}  
});  
});
</script>

Но этот код не работает. Может кто-нибудь предложить, как проверить, если флажок установлен?

Answer 1

Используйте селектор jQuery :checked:

if ($('#sc_terms').is(':checked')) {
    // Checkbox is checked, do stuff
}
else {
    // Checkbox is not checked, do stuff
    $("label#terms_error").show();  //show error message
    $("input#sc_terms").focus();
}

Если вы просто хотите посмотреть, не отмечен ли он:

if ($('#sc_terms:not(:checked)')) {
        // Checkbox is checked, do stuff
        $("label#terms_error").show();  //show error message
        $("input#sc_terms").focus();
 }

Примечание: Поскольку вы используете селектор идентификатора, предварительная настройка его на input или label не требуется.

Answer 2

что-то вроде:

if( $("input#sc_terms").is(":checked") )
     // is checked

и не проверено:

if( $("input#sc_terms").is(":not(:checked)") )
     // not checked