JavaScript: selezionare e deselezionare le checkbox

Short link

Con JavaScript possiamo selezionare e deselezionare un campo di tipo checkbox.

A differenza di quanto avviene in jQuery, in questo caso dobbiamo manipolare direttamente l'attributo checked.


'use strict';

document.addEventListener('DOMContentLoaded', () => {
    let btn = document.querySelector('#enable-disable');
    btn.addEventListener('click', e => {
        e.preventDefault();
        let check = document.querySelector('#check');
        if(!check.hasAttribute('checked')) {
            check.setAttribute('checked', true);
        } else {
            check.removeAttribute('checked');
        }
    });
}, false);

Demo

JavaScript: enable/disable checkbox

L'autore

Gabriele Romanato, sviluppatore web full stack specializzato in siti, applicativi web ed e-commerce con Node.js e PHP.