PHP + Javascript + Checkboxs

bjblackmore · Jul 10, 2002

Hi
I have the following javascript...

<SCRIPT LANGUAGE="JavaScript">
var checkflag = "false";
function check(field) {
if (checkflag == "false&quot

{
for (i = 0; i < field.length; i++) {
field.checked = true;}
checkflag = "true"; }
else {
for (i = 0; i < field.length; i++) {
field.checked = false; }
checkflag = "false"; }
}
</script>

executed using..

<input type=checkbox value="true" onClick="check()" name="delete">

However it does work when I have multiple checkboxs in the form of arrays i.e.

<input type="checkbox" name="checkbox[0]" value="abc">
<input type="checkbox" name="checkbox[1]" value="def">
<input type="checkbox" name="checkbox[2]" value="ghi">

Does anyone know how to get the javascript to recognise checkbox[]?

Many Thanks

Ben

RISTMO · Jul 10, 2002

try using:
in the script...
var checkbox=new Array(checkbox0,checkbox1,checkbox2);

and then...
<input type="checkbox" name="checkbox0" value="abc">
<input type="checkbox" name="checkbox1" value="def">
<input type="checkbox" name="checkbox2" value="ghi">
instead of...
<input type="checkbox" name="checkbox[0]" value="abc">
<input type="checkbox" name="checkbox[1]" value="def">
<input type="checkbox" name="checkbox[2]" value="ghi">

Might not be perfect, but get the idea?

Rick If I have helped you just click the first link below to let me know

sleipnir214 · Jul 10, 2002

In JavaScript, use form.elements array to check on your checkboxes.

[tt]

Code:

<html>
<head>
	<script language=javascript>
		var checkname = &quot;barney[]&quot;;
		
		function count_boxes ()
		{
			var count = 0;
			for (counter = 0; counter < fred.elements.length; counter++)
			{
				if (fred.elements[counter].type == &quot;checkbox&quot;)
				{
					if (fred.elements[counter].name == checkname)
					{
						if (fred.elements[counter].checked)
						{
							count++;
						}
					}
				}
			}
			confirm (&quot;There are &quot; + count + &quot; boxes checked&quot;);
		}
	</script>
</head>
<body>
	<form name=fred>
		<input type=checkbox name=&quot;barney[]&quot; value=&quot;a&quot;><br>
		<input type=checkbox name=&quot;barney[]&quot; value=&quot;b&quot;><br>
		<input type=checkbox name=&quot;barney[]&quot; value=&quot;c&quot;><br>
		<input type=checkbox name=&quot;barney[]&quot; value=&quot;d&quot;><br>
		<input type=checkbox name=&quot;barney[]&quot; value=&quot;e&quot;><br>
		<input type=submit>
	</form>
	<a href=&quot;javascript: count_boxes();&quot;>count</a>
</body>
</html>

[/tt]

RISTMO · Jul 10, 2002

Um, sleipnir214, your sig has already been copywrited. Sorry, give it back! ;-)

Rick If I have helped you just click the first link below to let me know

sleipnir214 · Jul 10, 2002

My signature is in a transitional phase right now. I used to have one that blatantly told you to vote to give the star.

Then Dave Murphy suggested that it would be best if my signature were more subtle. I noodled with the idea of using "Dave Murphy says I'm not supposed to ask you for a star" for a while, but decided against it.

RISTMO · Jul 10, 2002

Ok. That's fine. I like the Dave Murphy idea though!!! jk. I would totally agree and never give you a star!!! Just kidding.

Rick If I have helped you just click the first link below to let me know

bjblackmore · Jul 11, 2002

sleipnir214, your post said use var checkname = "barney[]"; with <input type=checkbox name="barney[]" value="a">, <input type=checkbox name="barney[]" value="b">..etc would it still work if checkbox name was barney[0], barney[1], etc?

xutopia · Jul 11, 2002

I have another way of doing the checkall here is a working example :

<html>
<head>
<title>check all</title>
<script>

function checkAll(form, flag)
{
var checkboxes = form.getElementsByTagName("input&quot

;
var len = checkboxes.length;

while(len--)
{
checkboxes[len].checked = flag;
}
}
</script>
</head>
<body>

<form id=myForm>
<input type=checkbox onclick="checkAll(document.getElementById('myForm'), this.checked)">

<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
</form>
</body>
</html> Gary

http://www.xutopia.com

Haran

BB101 · Jul 11, 2002

i use this:

function DoCheckBoxes() {
df = document.forms[0];
for (ele=0;ele<df.length;ele++) {
part = df.elements[ele];
if (part.type == "checkbox&quot

{
if (part.checked != true) {
part.value = "False";
part.checked = true;
}
}
}
}

Run that onsubmit and it will check all of the unchecked boxes and give them a value of False --BB

sleipnir214 · Jul 11, 2002

bjblackmore,

It would not work if you used numbers in the brackets. But you wanted the checked values returned in a single array to PHP didn't you? You don't need the numbers if you want the data returned to PHP in a single array. Just naming them all "barney[]" ensures that the checked values will be made available in the array $_POST["barney"].

xutopia, will your solution work with browsers other than IE? ______________________________________________________________________
If this post was helpful,
click the link below

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

PHP + Javascript + Checkboxs

bjblackmore

Programmer

RISTMO

Programmer

sleipnir214

Programmer

RISTMO

Programmer

sleipnir214

Programmer

RISTMO

Programmer

bjblackmore

Programmer

xutopia

Programmer

BB101

Programmer

sleipnir214

Programmer

Similar threads

Part and Inventory Search

Sponsor