Добавление проверенного атрибута через jQuery

Question

Я использую следующий виджет http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/ Он до сих пор работал отлично, но мне нужна помощь в добавлении атрибутов. При использовании Firebug я заметил, что, просто щелкнув по галочке, проверенный атрибут не отображается так, как я ожидал бы. В моем коде я изменил виджет, я смог добавить код, чтобы удалить атрибут checked.

this.removeAttribute(\'checked\'); this.checked=false; 

если товар был проверен заранее. Мне удалось использовать этот код

this.setAttribute(\'checked\', \'checked\'); this.checked=true; 

Если элемент был снят при загрузке страницы.

Моя проблема приходит, когда мне нужно, чтобы иметь возможность использовать оба набора кода на флажок, я попытался следующие

onclick="if($(this).attr(\'checked\') == \'true\') { this.setAttribute(\'checked\', \'checked\'); this.checked=true; } else { this.removeAttribute(\'checked\'); this.checked=false; } 

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

Спасибо за любую помощь и извините за мое плохое кодирование.

Answer 1

При использовании Firebug я заметил, что, просто щелкнув по галочке, проверенный атрибут не отображается так, как я ожидал бы.

Зачем вам нужен атрибут checked? Свойство checked предоставляет все функциональные возможности, которые вам обычно необходимы, т. Е. При установке флажка устанавливаются element.checked в true и наоборот, то есть изменение element.checked изменит состояние окна.

Answer 2

Я заметил, что, просто нажав на флажок проверяемый атрибут не появляется

Это абсолютно правильно. Атрибут checkedне соответствует текущей проверке ввода; это фактически соответствует начальной проверке из документа HTML, проверке, которая будет восстановлена, если форма будет сброшена.

IE добавляет атрибут, потому что IE ошибочен. getAttribute/setAttribute сломаны в IE - никогда не используйте их в HTML-документе! - они фактически устанавливают свойство, а не атрибут.

Это defaultChecked Недвижимость. Но почему вы пытаетесь установить атрибут checked? Практически никогда не было веской причины. Обычно обычная старая собственность checked - это то, что вы ищете.

Answer 3

В JQuery для удаления атрибута использовать

this.removeAttr('checked'); 

и для установки атрибута использовать

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