флажок по умолчанию проверено = "проверено" не работает?

Question

флажок по умолчанию установлен не работает!Я пытался это исправить, но не могу найти, где здесь ошибка?так что при загрузке страницы это проверено, после загрузки страницы это не проверено !?Я пробовал это

<div class="onoffswitch" style="margin: 0 auto;">
<input type="checkbox" class="avacheckbox onoffswitch-checkbox" id="AvButtonAutoGames" checked="checked"/>
<label class="onoffswitch-label" for="AvButtonAutoGames">
    <span class="onoffswitch-inner"></span>
    <span class="onoffswitch-switch"></span>
</label>
</div>

и что

  <div class="onoffswitch" style="margin: 0 auto;">
    <input type="checkbox" class="avacheckbox onoffswitch-checkbox" id="AvButtonAutoGames" checked/>
    <label class="onoffswitch-label" for="AvButtonAutoGames">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
    </div>

Answer 1

Сложно увидеть, но вы используете этот синтаксис для определения значения флажка?

document.getElementById('AvButtonAutoGames').checked = true

Если это так, это не правильно - но в первом примере JS у вас есть правильныйprop использование:

$('#AvButtonAutoGames').prop('checked', true)

как и в HTML5, применяемый синтаксис просто <input checked> или для ясности <input checked="checked">.Отсутствие атрибута checked приводит к непроверенному полю ввода.

Просто преобразуйте ваш .checked=X в функциональные вызовы, и он должен работать

Answer 2

Чтобы указать значение, используйте флажок = true, в противном случае не указывайте свойство.

Checked: <input type="checkbox" checked="true" /><br/>
Not checked: <input type="checkbox" />