开发者

How to add the values from checkboxes to an array

开发者 https://www.devze.com 2023-04-05 00:36 出处:网络
I have a form that contains a couple of checkboxes. After send this form I would need these checkboxes (the value开发者_开发技巧s) to a javascript array.

I have a form that contains a couple of checkboxes. After send this form I would need these checkboxes (the value开发者_开发技巧s) to a javascript array.

Could anyone give me a favor, please, how to do?


var form = document.getElementById("yourformname"),
    inputs = form.getElementsByTagName("input"),
    arr = [];

for (var i = 0, max = inputs.length; i < max; i += 1) {
   // Take only those inputs which are checkbox
   if (inputs[i].type === "checkbox" && inputs[i].checked) {
      arr.push(inputs[i].value);
   }
}


with jquery you could do something like this:

var checkboxArr=[];
$('input[type=checkbox]').each(function(){
    checkboxArr.push(this);
});

Untested and not sure how this would work in pure js, maybe it can point you in the right direction


var values = [],
    inputs = document.getElementsByTagName("input");

for (var i = inputs.length -1 ; i>= 0; i--)
    if (inputs[i].type === "checkbox" && inputs[i].checked)
          values.push(inputs[i].value);

for pure JS.


You can test the following function on jsfiddle:

function getCheckboxes(form_id, name) {
    // returns array of checked checkboxes with 'name' in 'form_id'
    var form = document.getElementById(form_id);
    var inputs = form.getElementsByTagName("input");
    var values = [];
    for (var i = 0; i < inputs.length; ++i) {
        if (inputs[i].type === "checkbox" && 
            inputs[i].name === name &&
            inputs[i].checked) 
        {
            values.push(inputs[i].value);
        }
    }
    return values;
}
0

精彩评论

暂无评论...
验证码 换一张
取 消