Checkbox checked attribute not toggling

Question

Я столкнулся с странной проблемой при попытке добавить функциональность jQuery, инициированную флажком. Мой флажок переключает проверенный атрибут, так как визуально галочка переключается при нажатии, но атрибут «checked» фактически никогда не изменяется.

Вот пример моего вопроса: http://jsfiddle.net/ez710gxL/3/

<input id="check_box_2" class="css-checkbox padding-left-3" type="checkbox" checked="checked" /> 
<label for="check_box_2" name="cb_lbl_2" class="css-label" style="margin-top:5px; margin-left:10px;">Show Note</label> 

Мой вопрос: Если проверяемый атрибут не меняется, как я могу использовать JQuery, чтобы определить, если флажок установлен или нет?

Answer 1

Итак, по-видимому, этот вопрос не был с опорой/атр переключени «проверено», а обновление недвижимости при просмотре инструментов разработчика браузера. Когда я проверить флажок, проверенное свойство всегда остается «проверено», однако следующий код работает, чтобы определить, если флажок на самом деле проверки или нет (@ предложенного кода War10ck в):

$('#check_box_2').is(':checked') 

Answer 2

Использование JQuery .prop() вместо .attr()

Установите .prop("checked", true). Это одно из самых больших преимуществ .prop() по сравнению с .attr(), так как .prop() может устанавливать значения, не являющиеся строками.

Вот рабочий пример того, как использовать его:

setInterval(function() { 
 
    if ($("#chkBox1").prop("checked")) 
 
    $("#chkBox1").prop("checked", false); 
 
    else 
 
    $("#chkBox1").prop("checked", true); 
 
    }, 1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="checkbox" value="Test" id="chkBox1" checked />