Comment vérifier plusieurs cases à cocher avec JavaScript?

J'ai plusieurs cases

<div class="data">    
    <span>
    <input name="employee" type="checkbox" value="Alex"/>
    <label for="employee">Alex</label>
    </span> 

    <span>
    <input name="employee" type="checkbox" value="Frank"/>
    <label for="employee">Frank</label>
    </span>    

    <span>
    <input name="employee" type="checkbox" value="Mark"/>
    <label for="employee">Mark</label>
    </span>
</div>

Comment trouver toutes les coché les cases à cocher et de créer de json ou un tableau avec le résultat de la vérification?

InformationsquelleAutor Finkelson | 2014-04-19
  1. 9

    Dans le cas où vous souhaitez simplement utiliser pur/vanilla JS, voici un exemple:

    HTML TÊTE

    <script type="text/javascript">
function getCheckedCheckboxesFor(checkboxName) {
    var checkboxes = document.querySelectorAll('input[name="' + checkboxName + '"]:checked'), values = [];
    Array.prototype.forEach.call(checkboxes, function(el) {
        values.push(el.value);
    });
    return values;
}
</script>

    CORPS HTML

    <div class="data">    
    <span>
    <input name="employee" type="checkbox" value="Alex"/>
    <label for="employee">Alex</label>
    </span> 

    <span>
    <input name="employee" type="checkbox" value="Frank"/>
    <label for="employee">Frank</label>
    </span>    

    <span>
    <input name="employee" type="checkbox" value="Mark"/>
    <label for="employee">Mark</label>
    </span>

    <input type="button" onclick="alert(getCheckedCheckboxesFor('employee'));" value="Get Values" />
</div>

    JS Fiddle lien: http://jsfiddle.net/dY372/

    InformationsquelleAutor leandroico
  2. 6

    Essayez ceci:
    Violon

    jQuery:

    var selected = [];
$('.data input:checked').each(function() {
    selected.push($(this).val());
});

    Javascript:

    var checkboxes = document.getElementsByName('employee');
var selected = [];
for (var i=0; i<checkboxes.length; i++) {
    if (checkboxes[i].checked) {
        selected.push(checkboxes[i].value);
    }
}
    • Que diriez-vous si les cases à cocher sont sur la pagination? Comment vérifier si ses cours de vérification?
    InformationsquelleAutor TriniBoy
  3. 2

    À l'aide de querySelectorAll:

    var checked = document.querySelectorAll('[name="employee"]:checked');

    Support: IE9+.

    InformationsquelleAutor dfsq
  4. 1
    var elements=document.getElementsByName('employee');

    devrait vous retourner un tableau des éléments dont vous avez besoin

    DÉMO

    InformationsquelleAutor andrew
  5. 0
    function checked(){

    var items=getElementsByname('checkbox');

    var selectedlist=[];

    for(var i=0; i<items.length; i++)       
    {
        if(items[i].type=='checkbox' && items[i].checked==true)                 
            selectedlist+=items[i].value+"\n";
    }

    alert(selectedlist);
}
    InformationsquelleAutor Aravind J Joseph