how to insert multiple checkbox value in the url

Question

I have a form that contain a multiple checkbox i want to insert the values of checkbox into the url like this

var a=encodeURIComponent(document.getElementById("idofcheckbox").value)
xmlhttp.open("GET","InsertPHPData.php?q="+a+,true); xmlhttp.send();

Choix1
choix2

why are you posting your html into a comments block?.. update your question so all pertinent info is in one place — charlietfl
– charlietfl, Commented Nov 3, 2012 at 17:24

bhb · Accepted Answer · 2012-11-04 01:10:54Z

2

Try this:

var x = document.getElementsByTagName("input");

var params = [];
for (var i = 0; i < x.length; i++) {
    if (x[i].type === "checkbox") //&& x[i].checked === true 
        params.push(x[i].name + "+" + x[i].value);
}

var url = "InsertPHPData.php";
url += "?" + encodeURI(params.join(","));

alert(url)

Working fiddle. Please modify accordingly :)

edited Nov 4, 2012 at 1:10

answered Nov 3, 2012 at 17:28

bhb

2,5914 gold badges21 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Mats Rietdijk Over a year ago

Also dont seperate the params with a , but with a & and put a = between the name and value instead of a + to produce a valid url

bhb Over a year ago

Right... Thanks, i dont know what i was thinking

Sirina Over a year ago

i have another input in my form so i can't make that have u another solution to distingue my input type=checkbox to another input

bhb Over a year ago

@Sirina - Added the type checking. Modified the answer.

Collectives™ on Stack Overflow

how to insert multiple checkbox value in the url

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related