JQuery удалитьAttr и добавить атрибут

Question

Я пытаюсь сделать что-то очень простое. У меня есть 10 полей ввода, и одно из них имеет проверенный атрибут. Я хочу удалить этот атрибут и применить его к другому известному полю ввода.

Мой код выглядит следующим образом:

$(document).ready(function() {
    $('input.article-vote').removeAttr('checked');
    $('input#rating' + id).attr('checked', 'checked');
});

Как видно, я удаляю атрибут по классу и выбираю цель по идентификатору.

Когда я запускаю этот код, проверенный атрибут удаляется, но цель не применяется. Если я удалю строку removeAttr, то к цели будет применен атрибут.

Как я могу удалить все и применить к выбранной цели?

Answer 1

Вы не хотите удалять атрибут checked, а скорее установите его в true или false.

$(document).ready(function() {
  $('input.article-vote').prop('checked', false);
  $('input#rating' + id).prop('checked', true);
});