Убедитесь, что флажки установлены на странице перезагрузки JQuery

Question

Убедитесь, что флажки установлены на странице перезагрузки JQuery

0

Поэтому у меня есть некоторые странные функции с этим фрагментом jQuery:

$(document).ready(function()
{
    $('.pinToggles').attr('checked','checked');
})

Это html:

<input type="checkbox" id="redCheck" name="pinSet" value="Red" class="pinToggles" onclick="pinSetCheck(redSet)">Red
<input type="checkbox" id="yellowCheck" name="pinSet" value="Yellow"  class="pinToggles" onclick="pinSetCheck(yellowSet)">Yellow<br>
<input type="checkbox" id="greenCheck" name="pinSet" value="Green"  class="pinToggles" onclick="pinSetCheck(greenSet)">Green
<input type="checkbox" id="blueCheck" name="pinSet" value="Blue"  class="pinToggles"onclick="pinSetCheck(blueSet)">Blue<br>

В конце концов, если я сниму некоторые из ящиков, а затем перезагрузим, он будет проверять только первый флажок, а затем обновлять после этого, он проверяет следующий флажок без отметки. Функциональность, которую я хочу, находится в обновлении, - это все флажки, которые нужно проверить.

Я смог достичь этого с помощью javascript, используя это:

document.getElementById('redCheck').checked = true;
document.getElementById('yellowCheck').checked = true;
document.getElementById('greenCheck').checked = true;
document.getElementById('blueCheck').checked = true;

Но я думаю, что jQuery - лучший способ сделать это, но не знаю, почему он реагирует так, как сейчас.

Fogolicious 18 сен. 2013, в 15:43

Источник

Теги:

javascript

jquery

html

checkbox

1 ответ

Ещё вопросы

Tushar Gupta · Accepted Answer · 2013-09-18T12-11-00.000Z

использование

$('input:checkbox[name="pinSet"]').prop('checked',true);

атрибут-равно селектор

или

$('.pinToggles').prop('checked',true);

или

$('#redCheck,#yellowCheck,#greenCheck,#blueCheck').prop('checked',true);

.prop()

$ (elem).prop("checked") true (Boolean) Будет изменен с использованием флажка

$ (elem).attr("checked") (1.6) "checked" (String) Начальное состояние флажка; не меняется

Работает отлично. Можете ли вы объяснить, почему это работает, а не .attr ()?
@Fogolicious stackoverflow.com/questions/5874652/prop-vs-attr