Checkbox Vérifier L'Écouteur D'Événement
Récemment, j'ai travaillé avec L'API du Plugin Chrome et je cherche à développer un plugin qui me rendra la vie plus facile pour la gestion d'un site web.
Maintenant ce que je voudrais faire est de tirer un événement lorsqu'une case est cochée. Comme ce site ne m'appartient pas, Je ne peux pas changer le code, donc j'utilise L'API Chrome. L'un des principaux problèmes est que plutôt qu'il y ait un identifiant, il y a un nom. Je me demandais si je pouvais déclencher la fonction une fois le certain la case avec le ' nom ' est cochée.
Merci
3 réponses
En supposant que vous utilisez ce balisage:
<input type="checkbox" name="checkbox">
Sans jQuery
En utilisant le querySelector de type jQuery .
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..
}
});
Comme je ne vois pas la balise jQuery dans L'OP, voici une option javascript only:
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
Vous avez besoin de quelque chose comme ceci:
$("input[name='checkbox_name']").click(function() {
...
});