Java Script + PHP

Anon

Hi,

i have a little Problem. I have aroung 20 chekboxes on a html site which all have the same name but different generic values. I would like look which checkboxes are checked by the user and then make a string of all values, seperate the values by a char (#) and send it to a php file in a variable.

eg:

5 first Checkboxes are checked.

string = "value1#value2#value3#value4#value5";

Then i want to send it to a php file:

<a href="myphpfile.php?string=JSmadeString"> Submit values </a>

Does anyone have an idea how i could do that with Java Script ?

thanks in advance

fitzbean

I'm pretty sure the checkboxes need unique names to accomplish this.

Anon

ok, so how could i do this if they would have unique names.

thx in advance

Anon

In JavaScript if you give things the same name, it makes a collection, then you can reference them like:

document.myform.name[0].value for the first one, document.myform.name[1].value for the second etc...

document.myform.name.length should give you the number of items in the collection (unless you already know this), then you can loop around appending it to a string.

mystring = '';
for (i=0; i<document.myform.name.length; i++) {
mystring = mystring + '#' + document.myform.name.value;
}
alert(mystring);

Not sure if that's the exact syntax, but you should get the idea.

HTH

Anon

ok thank. it helped a lot. Biz how can i just add the value to the string if exactly that checkbox is checked ? i dont want every value of the checkboxes in my string. Only those which were checked.

thx

Anon

i already got it but aVERY BIG THANKS TO Danny Tuppeny !

fitzbean

Nice to know! 🙂

Anon

Glad I'm helpful for something! :o)

I guess you got this then:

for (i=0; i<document.myform.name.length; i++) {
if (document.myform.name.checked) {
mystring = mystring + '#' + document.myform.name.value;
}
}

I guess if JavaScript supports short circting (maybe it does?) you'd be able to have

for (i=0; i<document.myform.name.length; i++) {
document.myform.name.checked && mystring = mystring + '#' + document.myform.name.value;
}

a little shorter, maybe faster...?