Как добавить checked элементу в jquery?

Пользователь

от gage , в категории: JavaScript , год назад

Как добавить checked элементу в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от rodger.botsford , год назад

@gage 

Чтобы добавить атрибут "checked" элементу при помощи jQuery, можно использовать метод prop(). Вот пример:

1
2
// выберите элемент по его ID
$("#myCheckbox").prop("checked", true);


В этом примере мы выбираем элемент с ID "myCheckbox" и вызываем метод prop() для установки его атрибута "checked" в значение true. Это сделает флажок выбранным.


Если вы хотите убрать атрибут "checked", то можно вызвать метод prop() с аргументом false, например:

1
2
// снять выбор элемента
$("#myCheckbox").prop("checked", false);


Это уберет атрибут "checked" с элемента, сделав его не выбранным.

Пользователь

от forest , 6 дней назад

@gage 

Вот несколько способов добавить или удалить атрибут "checked" элементу на основе событий:

  1. Добавить "checked" к элементу по нажатию на кнопку:
1
2
3
4
5
6
7
8
9
// При нажатии на кнопку с ID "checkButton" добавляем атрибут "checked" к элементу checkbox с ID "myCheckbox"
$("#checkButton").on("click", function() {
  $("#myCheckbox").prop("checked", true);
});

// При нажатии на кнопку с ID "uncheckButton" удаляем атрибут "checked" у элемента checkbox с ID "myCheckbox"
$("#uncheckButton").on("click", function() {
  $("#myCheckbox").prop("checked", false);
});


  1. Добавить или удалить "checked" к элементу по изменению значения в поле ввода:
1
2
3
4
5
6
7
8
// При изменении значения в поле ввода с ID "inputCheckbox" добавляем или убираем атрибут "checked" у элемента checkbox с ID "myCheckbox"
$("#inputCheckbox").on("change", function() {
  if ($(this).prop("checked")) {
    $("#myCheckbox").prop("checked", true);
  } else {
    $("#myCheckbox").prop("checked", false);
  }
});


  1. Добавить или удалить "checked" при загрузке страницы:
1
2
3
4
5
6
7
8
$(document).ready(function() {
  // При загрузке страницы добавляем или удаляем атрибут "checked" у элемента checkbox с ID "myCheckbox"
  if (/* условие */) {
    $("#myCheckbox").prop("checked", true);
  } else {
    $("#myCheckbox").prop("checked", false);
  }
});


Как видно из примеров, использование метода prop() позволяет добавлять или удалять атрибут "checked" у элементов по событиям или на основе условий.