Добавить атрибут 'checked' при щелчке jquery

Question

Я пытался выяснить, как добавить атрибут «checked» к флажку при нажатии. Причина, по которой я хочу сделать это, - это если я поставлю флажок; Я могу иметь локальное хранилище, которое можно сохранить как html, поэтому, когда страница обновляется, он отмечает, что флажок установлен. На данный момент, если я его проверю, он угасает родителя, но если я сохраню и перезагружу его, он исчезнет, ​​но флажок не установлен.

Я пробовал делать $ (this) .attr ('checked'); но он, кажется, не хочет добавлять проверенные.

EDIT: После чтения комментариев кажется, что я не был ясен. Мой тег ввода по умолчанию:

<input type="checkbox" class="done"> 

мне нужно сверху так, когда я нажимаю на флажок, он добавляет: «проверено» до конца этого. Пример:

<input type="checkbox" class="done" checked> 

мне нужно сделать это так, когда я сохранить HTML в локальном хранилище, когда он загружает, он делает флажок в зарегистрированном.

$(".done").live("click", function(){ 
if($(this).parent().find('.editor').is(':visible')) { 
var editvar = $(this).parent().find('input[name="tester"]').val(); 
$(this).parent().find('.editor').fadeOut('slow'); 
$(this).parent().find('.content').text(editvar); 
$(this).parent().find('.content').fadeIn('slow'); 
} 
if ($(this).is(':checked')) { 
$(this).parent().fadeTo('slow', 0.5); 
$(this).attr('checked'); //This line 
}else{ 

$(this).parent().fadeTo('slow', 1); 
$(this).removeAttr('checked'); 
} 
}); 

Answer 1

Кажется, это один из редких случаев, когда использование атрибута действительно подходит. Метод jQuery attr() не поможет вам, потому что в большинстве случаев (включая это) он фактически устанавливает свойство, а не атрибут, делая выбор его имени несколько глупым. [UPDATE: Так как JQuery 1.6.1, the situation has changed slightly]

IE имеет некоторые проблемы с помощью метода DOM setAttribute, но в этом случае она должна быть тонкой:

this.setAttribute("checked", "checked"); 

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

this.setAttribute("checked", "checked"); 
this.checked = true; 

Чтобы снять флаг и удалить атрибут, выполните следующие действия:

this.setAttribute("checked", ""); // For IE 
this.removeAttribute("checked"); // For other browsers 
this.checked = false; 

Answer 2

$(this).attr('checked', 'checked')

только attr('checked') возвратит значение $ (этого) проверяемого атрибута 's. Чтобы установить его, вам понадобится второй аргумент. На основе <input type="checkbox" checked="checked" />

Edit:

На основе замечаний, более подходящая манипуляция бы:

$(this).attr('checked', true) 

И прямой Javascript метод, более целесообразным и эффективным:

this.checked = true; 

Спасибо @Andy E для этого.

Answer 3

Если .attr() не работает для вас (особенно при проверке и Непроверка коробки подряд), используйте .prop() вместо .attr().

Answer 4

использовать этот код

var sid = $(this); 
sid.attr('checked','checked');