Comment déclencher case cliquez sur l'événement, même si c'est contrôlée à l'aide de code javascript?

J'ai beaucoup de cases à cocher dans ma page et il y est un tout sélectionner la case qui vérifie toutes les cases. De toute façon je veux émuler cet événement click de case, même si elle est cochée/décochée par bouton sélectionner tout. Comment puis-je le faire?

InformationsquelleAutor Jishnu A P | 2011-01-24
  1. 99

    Vous pouvez utiliser le jQuery .trigger() méthode. Voir http://api.jquery.com/trigger/

    E. g.:

    $('#foo').trigger('click');
    • C'est ce que je veux,merci..
    • Vous pouvez aussi appeler $('#foo').click(), qui a effectivement fait la même chose.
    • Comment faire avec JavaScript?
    • apparaît trigger('click') bascule la valeur actuelle. Si vous voulez il suffit de le mettre ensuite définir checked est vraie, alors l'appel triggerHandler(...) stackoverflow.com/questions/10268222/...
    • Comment exactement messages comme celui-ci marqués comme les corriger lorsqu'elles ont besoin de l'aide d'un 3ème partie? Il ne demande pas d'un jQuery solution.
    • La question est marqué 'jquery'.

    InformationsquelleAutor Mark Robinson
  2. 13

    Arriver vérifier l'état

    var checked = $("#selectall").is(":checked");

    Ensuite pour le réglage de

    $("input:checkbox").attr("checked",checked);
    • Pas essayé cela avec attr comme je l'ai utiliser prop de nos jours, mais cette méthode vérifie uniquement les cases, il ne déclenche pas l'événement click pour chaque suite
    InformationsquelleAutor Harish
  3. 8

    Vous pouvez utiliser .change() fonction trop

    E. g.:

    $('form input[type=checkbox]').change(function() { console.log('hello') });
    InformationsquelleAutor silviomoreto
  4. 5

    pas gQuery

    document.getElementById ("your_box').onclick();

    J'ai utilisé certaines de classe sur mes cases à cocher.

    var x = document.getElementsByClassName("box_class");
var i;
for (i = 0; i < x.length; i++) {
    if(x[i].checked) x[i].checked = false;
    else x[i].checked = true;
    x[i].onclick();
   }
    InformationsquelleAutor Harijs Krūtainis
  5. 3

    La fonction de déclenchement à partir de jQuery pourrait être votre réponse.

    jQuery docs dit:
    Les gestionnaires d'événements attachés de .sur() ou l'un de ses méthodes de raccourci sont déclenchées lorsque l'événement se produit. Ils peuvent être déclenchés manuellement, cependant, avec l' .méthode trigger (). Un appel à l' .trigger() exécute les gestionnaires dans le même ordre qu'ils seraient si l'événement a été déclenché naturellement par l'utilisateur

    Donc la meilleure solution en ligne doit être:

    $('.selector_class').trigger('click');

//or

$('#foo').click();
    InformationsquelleAutor
  6. 1

    Vous pouvez également utiliser ce, j'espère que vous pouvez les servir.

    JS:

    $(function(){
  $('#elements input[type="checkbox"]').prop("checked", true).trigger("change");
});

    HTML:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<div id="elements">
  <input type="checkbox" id="item-1" value="1"> Item 1 <br />
  <input type="checkbox" id="item-2" value="2" disabled> Item 2 <br /> 
  <input type="checkbox" id="item-3" value="3" disabled> Item 3 <br />
  <input type="checkbox" id="item-4" value="4" disabled> Item 4 <br />
  <input type="checkbox" id="item-5" value="5"> Item 5
</div>

    InformationsquelleAutor Learning and sharing