Как добавить checked элементу в jquery?
2 ответа
от
rodger.botsford ,
2 года назад
@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 ,
год назад
@gage
Вот несколько способов добавить или удалить атрибут "checked" элементу на основе событий:
- Добавить "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);
});
|
- Добавить или удалить "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);
}
});
|
- Добавить или удалить "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" у элементов по событиям или на основе условий.
15