Catch vérifié changer l'événement d'une case à cocher

Comment faire pour cocher/décocher l'événement de <input type="checkbox" /> avec jQuery?Catch vérifié changer l'événement d'une case à cocher

Source

2009-09-21 omg

Si vous utilisez une version relativement récente de JQuery, j'utiliser le .on ('changement', function() {...}) tel que mentionné dans @Daniel De Leon réponse ci-dessous. Un avantage, l'écouteur d'événement "on" se liera au html généré dynamiquement. – BLang

127

<input type="checkbox" id="something" /> 

$("#something").click(function(){ 
    if($(this).is(':checked')) alert("checked"); 
});

Edit: Faire cela ne sera pas attraper lorsque la case change pour d'autres raisons d'un clic, comme l'utilisation du clavier. Pour éviter ce problème, écoutez change au lieu de click.

Pour le contrôle/décochant programme, jetez un oeil à Why isn't my checkbox change event triggered?

Source

2009-09-21 15:50:11 marcgg

document.getElementById ('something'). Checked fonctionne, pourquoi $ ('# something'). Checked ne fonctionne pas? – omg

Il vous manque un paran dans votre code et vous devriez vraiment utiliser la méthode jQuery pour obtenir l'état de vérification. –

Parce que $ ('# something') renvoie un objet jQuery pas un ElementNode –

utiliser l'événement click pour une meilleure compatibilité avec MSIE

$(document).ready(function() { 
    $("input[type=checkbox]").click(function() { 
     alert("state changed"); 
    }); 
});

Source

2009-09-21 15:48:23

Comment juger si elle est cochée ou non? – omg

J'ai besoin de savoir si un clic signifie de le cocher ou de le décocher. – omg

vous pouvez ensuite utiliser $ (this) .is (': checked') pour tester l'état de l'élément cliqué juste –

Utilisez le sélecteur :checked pour déterminer l'état de la case à cocher:

$('input[type=checkbox]').click(function() { 
    if($(this).is(':checked')) { 
     ... 
    } else { 
     ... 
    } 
});

Source

2009-09-21 15:51:10 karim79

besoin d'une autre parenthèse dans votre condition ... si ($ (this) ... –

@Ty W - merci, fixe – karim79

-2

$(document).ready(function(){ 
    checkUncheckAll("#select_all","[name='check_boxes[]']"); 
}); 

var NUM_BOXES = 10; 
// last checkbox the user clicked 
var last = -1; 
function check(event) { 
    // in IE, the event object is a property of the window object 
    // in Mozilla, event object is passed to event handlers as a parameter 
    event = event || window.event; 

    var num = parseInt(/box\[(\d+)\]/.exec(this.name)[1]); 
    if (event.shiftKey && last != -1) { 
    var di = num > last ? 1 : -1; 
    for (var i = last; i != num; i += di) 
     document.forms.boxes['box[' + i + ']'].checked = true; 
    } 
    last = num; 
} 
function init() { 
    for (var i = 0; i < NUM_BOXES; i++) 
    document.forms.boxes['box[' + i + ']'].onclick = check; 
}

HTML:

<body onload="init()"> 
    <form name="boxes"> 
    <input name="box[0]" type="checkbox"> 
    <input name="box[1]" type="checkbox"> 
    <input name="box[2]" type="checkbox"> 
    <input name="box[3]" type="checkbox"> 
    <input name="box[4]" type="checkbox"> 
    <input name="box[5]" type="checkbox"> 
    <input name="box[6]" type="checkbox"> 
    <input name="box[7]" type="checkbox"> 
    <input name="box[8]" type="checkbox"> 
    <input name="box[9]" type="checkbox"> 
    </form> 
</body>

Source

2009-09-21 15:57:36 santosh

+14

Hey! Buddy, que faites-vous ici? – omg

On dirait une sélection de gamme (c.-à-vérifier la premier élément, maintenez la touche Maj enfoncée, vérifiez la dernière, et toutes les autres sont vérifiées.) Cependant, c'est beaucoup plus que ce que la question demande, mais il manque un peu de code, comme checkUncheckAll(). – joelsand

Utilisez ci-dessous code snipp et pour y parvenir .:

$('#checkAll').click(function(){ 
    $("#checkboxes input").attr('checked','checked'); 
}); 

$('#UncheckAll').click(function(){ 
    $("#checkboxes input").attr('checked',false); 
});

Ou vous pouvez faire la même chose avec case à cocher simple:

$('#checkAll').click(function(e) { 
    if($('#checkAll').attr('checked') == 'checked') { 
    $("#checkboxes input").attr('checked','checked'); 
    $('#checkAll').val('off'); 
    } else { 
    $("#checkboxes input").attr('checked', false); 
    $('#checkAll').val('on'); 
    } 
});

Pour démonstration: http://jsfiddle.net/creativegala/hTtxe/

Source

2011-11-16 09:24:23

Le clic aura une incidence sur une étiquette si nous avons un joint à la case à cocher d'entrée?

Je pense qu'il est préférable d'utiliser la fonction .Modification()

<input type="checkbox" id="something" /> 

$("#something").change(function(){ 
    alert("state changed"); 
});

Source

2012-01-04 08:31:00

Pour JQuery 1.7+ utilisation:

$('input[type=checkbox]').on('change', function() { 
    ... 
});

Source

2014-06-18 20:56:10

Dans mon expérience, j'ai dû tirer parti currentTarget de l'événement :

$("#dingus").click(function (event) { 
    if ($(event.currentTarget).is(':checked')) { 
    //checkbox is checked 
    } 
});

Source

2015-04-27 05:30:03

Ce code fait ce que votre besoin:

<input type="checkbox" id="check" >check it</input> 

$("#check").change(function(){ 
    if($(this).is(':checked')) { 
     alert("checked"); 
    }else{ 
     alert("unchecked"); 
    } 
});

En outre, vous pouvez vérifier sur jsfiddle

Source

2016-09-07 13:35:33

Catch vérifié changer l'événement d'une case à cocher

Répondre

Questions connexes