Question Checkbox Check Event Listener


Récemment, j'ai travaillé avec l'API Chrome Plugin et je cherche à développer un plugin qui me facilitera la tâche pour gérer un site Web.

Maintenant, ce que je souhaite faire, c'est déclencher un événement lorsqu'une certaine case à cocher est cochée. Comme ce site ne m'appartient pas, je ne peux pas modifier le code. J'utilise donc l'API Chrome. L’un des principaux problèmes réside dans le fait qu’au lieu d’un identifiant, il existe un nom. Je me demandais si je pouvais déclencher la fonction une fois que la case à cocher avec le nom est cochée.

Merci


23
2018-01-27 03:26


origine


Réponses:


En supposant que vous utilisez ce balisage:

<input type="checkbox" name="checkbox">

Sans jQuery

Utiliser le jQuery-like querySelector.

var checkbox = document.querySelector("input[name=checkbox]");

checkbox.addEventListener( 'change', function() {
    if(this.checked) {
        // Checkbox is checked..
    } else {
        // Checkbox is not checked..
    }
});

Avec jQuery

$('input[name=checkbox]').change(function(){
    if($(this).is(':checked')) {
        // Checkbox is checked..
    } else {
        // Checkbox is not checked..
    }
});

47
2018-01-27 04:52



Puisque je ne vois pas la jQuery tag dans l'OP, voici un javascript seule option:

document.addEventListener("DOMContentLoaded", function (event) {
    var _selector = document.querySelector('input[name=myCheckbox]');
    _selector.addEventListener('change', function (event) {
        if (_selector.checked) {
            // do something if checked
        } else {
            // do something else otherwise
        }
    });
});

Voir JSFIDDLE


38
2017-11-24 02:12



Vous avez besoin de quelque chose comme ceci:

$("input[name='checkbox_name']").click(function() {
...
});

-3
2018-01-27 04:49