Ответ 1
современная библиотека jquery
.prop() использование :
$('.mycheckbox').prop('checked', true);$('.mycheckbox').prop('checked', false);
api модели dom
htmlinputelement
.checked если вы работаете только с одним элементом, вы всегда можете просто получить доступ к базовому и изменять его свойства:
$('.mycheckbox')[0].checked = true;$('.mycheckbox')[0].checked = false;
.prop()
.attr() преимущество использование методов и вместо этого является то, что они будут работать на все совпавшие элементы.
в jquery 1.5.x и ниже
.prop()
.attr() метод не доступен, так что вы должны использовать .
$('.mycheckbox').attr('checked', true);$('.mycheckbox').attr('checked', false);
the approach used by jquery's unit tests prior to version 1.6
$('.mycheckbox').removeattr('checked');
.reset() обратите внимание, что это и является предпочтительным для использования, поскольку последняя будет, если коробка изначально проверил, изменения поведения вызов на какой-либо форме, в которой он содержится – тонкий, но, вероятно, нежелательные изменения в поведении.
checked
version 1.6 release notes
атрибуты и свойства
.prop() documentation для получения дополнительной контексте, некоторые неполные обсуждение изменений к обработке атрибута/свойства при переходе с 1.5.x до 1.6 можно найти в разделе .
Ответ 2
использование:
$(".mycheckbox").attr('checked', true); // depre class='grey lighten-3 px-3 mb-0 line-numbers language-html'cated$(".mycheckbox").prop('checked', true);
и если вы хотите проверить, если установлен флажок или нет:
$('.mycheckbox').is(':checked');
Ответ 3
will это правильный способ проверки и снятия чекбоксов с помощью jquery, так как он является кросс-платформенным стандартом, и позволяет форма репостов.
$('.mycheckbox').each(function(){ this.checked = true; });$('.mycheckbox').each(function(){ this.checked = false; });
should делая это, вы используете стандарты javascript для проверки и сняв флажки, так что любой браузер, который правильно реализует "проверил" свойства элемента флажок запустить этот код безупречно. это все основные браузеры, но я не в состоянии проверить предыдущие в интернет эксплорер 9.
проблема
(в jquery 1.6):
после того, как пользователь нажимает на флажок, что флажок перестает реагировать на "проверено" изменения атрибутов.
clicked вот пример атрибута флажок не в состоянии выполнить задание после того, как кто-то флажок (это происходит в chrome).
<а href="http://jsfiddle.net/xixonia/zgcrb/">скрипкав
решение:
dom
want с помощью "проверено в javascript" собственность на элементы, мы в состоянии решить проблему напрямую, а не пытаться манипулировать dom в то, что мы делаем это делать.
fiddle этот плагин будет изменять свойство checked каких-либо элементов, выбранных jquery и успешно проверьте и снимите флажки при любых обстоятельствах. поэтому, хотя это может показаться более-принимая решение, он сделает пользовательский опыт вашего сайта лучше, и помочь предотвратить разочарование пользователей.
(function( $ ) { $.fn.checked = function(value) { if(value === true || value === false) { // set the value of the checkbox $(this).each(function(){ this.checked = value; }); } else if(value === undefined || value === 'toggle') { // toggle the checkbox $(this).each(function(){ this.checked = !this.checked; }); } return this; };})( jquery );
кроме того, если вы не хотите использовать плагин, вы можете использовать следующие фрагменты кода:
// check$(':checkbox').prop('checked', true);// un-check$(':checkbox').prop('checked', false);// toggle$(':checkbox').prop('checked', function (i, value) { return !value;});