.checked = true не работает с функцией jquery $

Question

Я хочу установить флажок при нажатии кнопки.

<form action="" method="post" id="form2">
    <input type="checkbox" id="checkone" value="one" name="one" />
    <input type="button" value="Click me" id="buttonone"/>
</form>

когда я попробовал следующее, флажок не был установлен

$('#buttonone').click(function() {
    $('#checkone').checked=true;
});

тогда я попробовал:

$('#buttonone').click(function() {
    document.getElementById('checkone').checked=true;
});

на этот раз флажок был установлен. почему его не выбирают с помощью функции jquery $?

Answer 1

Попробуйте

$('#checkone').attr('checked', true);

или

$('#checkone').get(0).checked = true;

или

$('#checkone')[0].checked = true; // identical to second example

Причина, по которой ваш первый код не сработал, заключается в том, что вы пытались установить свойство checked для объекта jQuery, которое не будет иметь видимого эффекта, поскольку оно работает только с собственным объектом DOM.

Вызывая get(0) или получая доступ к первому элементу [0], мы извлекаем собственный элемент DOM и можем использовать его как обычно, как во втором примере. Также можно установить атрибут checked с помощью функции jQuery attr, которая также должна работать.

Answer 2

Вам необходимо использовать .attr() для объекта jQuery , например:

$('#buttonone').click(function() {
  $('#checkone').attr('checked', true);
});

Но лучше сделать это DOM-способом, например:

$('#buttonone').click(function() {
  $('#checkone')[0].checked = true; //get the DOM element, .checked is on that
});

Или полностью без jQuery:

document.getElementById('buttonone').onclick = function() {
  document.getElementById('checkone').checked = true;
};

Answer 3

Ни один из этих ответов не работал для меня, потому что у меня неправильно было несколько радиостанций с одинаковыми атрибутами имени:

<div id="group-one">
  <input type="radio" name="groups" value="1" checked="checked" />
  <input type="radio" name="groups" value="2" />
</div>
<div id="group-two">
  <input type="radio" name="groups" value="1" checked="checked" />
  <input type="radio" name="groups" value="2" />
</div>

Javascript не распознает проверенный атрибут (очевидно).Это было результатом использования include для многократного добавления аналогичного раздела HTML.Очевидно, что нажатие на кнопку радио отключит переключатели радио с тем же именем.

Вот jsfiddle, чтобы показать, что два радиоэлемента могут иметь атрибут checked, но только последний фактически проверен:

http://jsfiddle.net/bozdoz/5ecq8/

Опять же, довольно очевидно, но, возможно, стоит обратить внимание: удалите атрибуты id и name из файлов, которые вы собираетесь включать в другие файлы несколько раз.

Answer 4

попробуйте

    $('#buttonone').click(function() {
  $('#checkone').prop('checked', true);
});

Answer 5

Или вы могли бы просто сделать

$('#buttonone').click(function() {
    $('#checkone')[0].checked=true;
});

Это потому, что ".checked" не является частью jQuery, и вы пытаетесь использовать его для объекта jQuery. Если вы индексируете объект jQuery в [0], вы получаете необработанный объект Javascript, в котором существует «.checked».

Подробнее здесь: http://phrappe.com/javascript/convert-a-jquery-object-to-raw-dom-object/

Answer 6

попробуй

$('#checkone').attr('checked', true);

путь к поиску "jquery check a checkbox" был подходящим способом

Answer 7

Попробуйте

$('#checkone').attr('checked', true);

У вас нет прямого доступа к свойствам объекта DOM, потому что jQuery работает с коллекциями ($(selector) - это массив). Вот почему у вас есть функции, определенные для работы с содержимым возвращаемых элементов.