Checkboxes and arrays

[gilbertsavier]

Hello,
I need some code which can give an array some values, depending on which checkboxes which is selected.
I think I will give these checkboxes (lets say 10 checkboxes) some values, and when you have selected the relevant checkboxes, you will have to click a button: "Create array". Then a array is created, and it will have the same number of values as there are checkboxes selected. And the values in the array will be the values of the selected checkboxes.

If I, for instance, select checkbox number 1, 4 and 7, and I click "Create array", the content of the array will be: 1,4,7

What will the code be for that. I don´t have the javascript code, only the HTML:

HTML Code:

<input type="checkbox" name="alotofcheckboxes" value="1" />
<input type="checkbox" name="alotofcheckboxes" value="2" />
<input type="checkbox" name="alotofcheckboxes" value="3" />
<input type="checkbox" name="alotofcheckboxes" value="4" />
<input type="checkbox" name="alotofcheckboxes" value="5" />
<input type="checkbox" name="alotofcheckboxes" value="6" />
<input type="checkbox" name="alotofcheckboxes" value="7" />
<input type="checkbox" name="alotofcheckboxes" value="8" />
<input type="checkbox" name="alotofcheckboxes" value="9" />
<input type="checkbox" name="alotofcheckboxes" value="10" />

<br><br>

<input type="button" value="Create array" onclick=???????????

[Izzmo]

Well, first things first.. you can't have a bunch of checkbox inputs with the same name, that will not work. They each need to have their own unique name/id.

Also, if you want to add more checkboxes dynamically, you will need to keep an active count of the number of checkboxes present on the page, if not, you can just do a for loop for say checkbox input 0-9 (1-10).

Static would be:

function getArray()
{
	var arr = new array();
	for(i = 1; i <= 10; i++)
	{
		var cb = document.getElementById("cb"+i);
		if(cb.checked)
			arr[] = cb.value;
	}
}

<input type="checkbox" id="cb1" value="1" />
<input type="checkbox" id="cb2" value="2" />
<input type="checkbox" id="cb3" value="3" />
<input type="checkbox" id="cb4" value="4" />
<input type="checkbox" id="cb5" value="5" />
<input type="checkbox" id="cb6" value="6" />
<input type="checkbox" id="cb7" value="7" />
<input type="checkbox" id="cb8" value="8" />
<input type="checkbox" id="cb9" value="9" />
<input type="checkbox" id="cb10" value="10" />

<input type="button" value="Create array" onclick="javascript:getArray()" />

Note: I did not put in the name attribute.. so if you want this form to submit, you will need that for the POST/GET values.

[olddocks]

check this out: http://corpocrat.com/2009/05/24/how-...ysql-with-php/

There cant be a better easy tutorial than this.