Obtenez seulement vérifié élément de getElementsByName() en Javascript?

J'ai un code HTML comme ceci:

<input type="checkbox" name="choice_shrd_with_me" id="choice{{ forloop.counter }}" value="{{ choice.file_name }}" />

J'essaie de le faire uniquement l'objet d'éléments dans le tableau comme ceci en Javascript:

var choices = [];
         for (var i=0;i<document.getElementsByName('choice_shrd_with_me').length;i++){
             choices.push(document.getElementsByName("choice_shrd_with_me")[i].value);
         }

Ci-dessus obtient toutes les valeurs si la case est cochée ou non. Je veux obtenir uniquement les valeurs sur lesquelles est cochée. Comment puis-je le faire?

InformationsquelleAutor pynovice | 2013-07-02
  1. 4

    Juste de filtre pour les éléments qui sont vérifiées:

    var choices = [];
var els = document.getElementsByName('choice_shrd_with_me');
for (var i=0;i<els.length;i++){
  if ( els[i].checked ) {
    choices.push(els[i].value);
  }
}
    • Juste FIY, lorsque l'on travaille avec NodeLists , il est logique de cache de la longueur. Parce que la liste s'réévalué (depuis qu'il est en direct) à chaque fois que vous accédez à .length.
    • Merci pour votre réponse @Sirko. Je vais accepter votre réponse dès que je peux.
    InformationsquelleAutor Sirko
  2. 3

    Pour IE < 9

    function getCheckedByName(name){
    var chks = document.getElementsByName(name);
    var results = [];
    for(var i = 0; i < chks.length; i++){
        chks[i].checked ? results.push(chks[i]):"";
    }
    return results;
}

    Pour Les Navigateurs Modernes

    function getModernCheckedByName(name){
    return  Array.prototype.slice.call(document.getElementsByName(name)).filter(function(e){
        return e.checked;
    });
}

    Exemple De Travail

    http://jsfiddle.net/yMqMf/

    InformationsquelleAutor Kevin Bowersox
  3. 1

    La version JQuery c'est tout à fait lisse:

    var choices = [];
$("input[name='choice_shard_with_me']:checked").each(function() {
    choices.push($(this).attr('value'));
});

    :vérifié (avec assez semblables exemple de ce que vous voulez accomplir)

    chacun()

    attr()

    InformationsquelleAutor Streamside