PDA

View Full Version : Collect info from checkboxes



Drlvi
10-12-2003, 02:50 AM
I'm trying to get a client to push a button that will take them to a page with checkboxes. Then they check all the boxes they want and come back to the first page. How do I get the info saved from checkboxes so I can print it later?

<html>
<head>
hello everybody
<title> hello </title>
<script>
function water()
{x=0;
WATER=["320.DOC","318.DOC","316.DOC","315.DOC","314.DOC","310.DOC"];
document.write(WATER[x]);
x=x+1;
return x;
}
</script>


</head>
<body><p>
<--\\ Buttons
<INPUT TYPE="BUTTON" NAME="WATER" value="WATER" onClick=water()>
<input type="button" name="sewer" value="sewer" onClick=alert("sewer")>
<input type="button" name="underdrain" value="underdrain" onClick=alert("underdrain")>
<input type="button" name="forcemain" value="forcemain" onClick=alert("forcemain")>
<input type="button" name="reclaim" value="reclaim" onClick=alert("reclaim")>
<input type="button" name="lift_station" value="lift_station" onClick=alert("lift_station")>
<--\\ checkboxes
<p><input type="checkbox" name="water0" value="yes" checked> Water[0];
<p><input type="checkbox" name="water1" value="yes" checked> WATER[1];
<p><input type="checkbox" name="water2" value="yes" checked>
<p><input type="checkbox" name="water3" value="yes" checked>
<p><input type="checkbox" name="water4" value="yes" checked>
<p><input type="checkbox" name="water5" value="yes" checked>
<p><input type="checkbox" name="water6" value="yes" checked>
<input type="checkbox" name="water7" value="yes" checked>
<input type="checkbox" name="water8" value="yes" checked>
<input type="checkbox" name="water9" value="yes" checked>
<input type="checkbox" name="water10" value="yes" checked>

<script>
document.write("hi");
</script>
</body>
</html>

Vincent Puglia
10-12-2003, 03:30 PM
Hi,

since your code is somewhat confusing -- no form tags, no code to show when or how you are returning to the initial page, no idea if this page is a child of the main page or simply a new location, etc, etc.:

to access the checkboxes, you need to call a function while passing the form object to it

<input type='button' onclick=doit(this.form)>
</form>

function doit(formObj)
{
var chksChecked = "";
for (var i = 0; i < formObj.length; i++)
if (formObj.elements[i].type == 'checkbox' && formObj.elements[i].checked)
{
chksChecked += formObj.elements[i].name + "|";
}
}

how you send it back to the other page depends on how you are returning and how you opened the checkbox page.

Vinny