Как убрать/сделать checked checkbox в jquery?

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

clifford

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

19 | 0

jquery

2 ответа

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

dmitrypro77

от dmitrypro77 , 3 года назад

@clifford Вы можете использовать метод .prop() и передавать true/false в jQuery чтобы сделать чекбокс checked или unchecked (отмеченным или нет), посмотрите ниже пример кода:

<html>
<head>
    <meta charset="utf-8"/>
    <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
</head>
<body>
    <div>
        <label for="accept">Принять условия: </label>
        <input id="accept" type="checkbox" name="accept-terms"/>
        <button id="check">Сделать checked</button>
        <button id="uncheck">Сделать unchecked</button>
    </div>
</body>
<script>
    $('body').on('click', '#check', () => {
        // Сделать checked
        $("#accept").prop('checked', true);
    }).on('click', '#uncheck', () => {
        // Сделать unchecked
        $("#accept").prop('checked', false);
    });
</script>
</html>

1 | 0

Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

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

jeremy_larkin

от jeremy_larkin , 2 года назад

@clifford

Для убирания/снятия флажка в jQuery с элемента checkbox можно использовать метод prop() со значением false для свойства checked. Вот пример:

// Получить элемент checkbox
var checkbox = $('#myCheckbox');

// Снять флажок с элемента checkbox
checkbox.prop('checked', false);

Аналогичным образом, чтобы установить флажок на элементе checkbox, нужно использовать метод prop() со значением true. Вот пример:

// Получить элемент checkbox
var checkbox = $('#myCheckbox');

// Установить флажок на элементе checkbox
checkbox.prop('checked', true);

Также, можно использовать метод attr() со значением checked для установки и снятия флажка, но рекомендуется использовать метод prop(), потому что он оптимизирован для работы со свойствами элементов формы, включая checked.

0 | 0

Как убрать/сделать checked checkbox в jquery?

2 ответа

Похожие обсуждения: