Forum Moderators: open
if i check checkbox 1 1234 are automatically checked
if i check 2 234 are checked
if i check 3 3 and 4 are checked
<form name="form1" method="post" action="">
<p><input name="1" type="checkbox" value="1">
1
<input type="checkbox" name="2" value="2">
2
<input name="3" type="checkbox" id="3" value="3">
3
<input name="4" type="checkbox" id="4" value="4">
4 </p>
</form>
and a warm welcome to these forums. ;)
Have a look at this - ( somewhat unsophisticated :) ) - example...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
</style><script type="text/javascript">
var test=true;
var df;window.onload=function() {
df=document.forms[0];
df[0].onclick=function() {checkBoxes(0);}
df[1].onclick=function() {checkBoxes(1);}
df[2].onclick=function() {checkBoxes(2);}
df[3].onclick=function() {testIt(3);}
}function testIt(n) {
if(test==false) {
df.n4.checked=false;
test=true;
return;
}else {
test=false;
checkBoxes(n);
}
}function checkBoxes(n) {
inps=document.forms[0].elements;
for(c=0;c<inps.length;c++) {
if(inps[c].type=='checkbox') {
df[c].checked=false;
}
}for(c=n;c<inps.length;c++) {
if(inps[c].type=='checkbox') {
df[c].checked=true;
}
}
}
</script></head>
<body><form action="#" method="post" >
<div>
<input name="n1" type="checkbox" value="1">
:1
<input name="n2" type="checkbox" value="2">
:2
<input name="n3" type="checkbox" value="3">
:3
<input name="n4" type="checkbox" value="4">
:4
</div>
</form></body>
</html>
below is how i need to use the checkboxes in my form (it's a search form of data entered by people),
there will be quite a few rows with the same answers (words instead numbers) -
is it possible to have multiple names and values?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body><tr>
<td><p align="left"><font size=2 face=arial> <strong>HTML:</strong> </font>
<input type=checkbox name=in_Website_design_User_interface_design_and_planning_skill_level="Some experience but not proficient">
<font size=2 face=arial> Some experience </font>
<input type=checkbox name=in_Website_design_User_interface_design_and_planning_skill_level value="Fairly proficient">
<font size=2 face=arial> Fairly proficient </font>
<input type=checkbox name=in_Website_design_User_interface_design_and_planning_skill_level value="Strong skills">
<font size=2 face=arial> Strong skills </font>
<input type=checkbox name=in_Website_design_User_interface_design_and_planning_skill_level value="Expert">
<font size=2 face=arial>Expert</font></p>
</td>
</tr>
<p> </p>
<tr>
<td> <p align="left" ><font size=2 face=arial><strong>Page design:</strong></font>
<input type=checkbox name=in_Website_design_Page_design_skill_level value="Some experience but not proficient">
<font size=2 face=arial> Some experience </font>
<input type=checkbox name=in_Website_design_Page_design_skill_level value="Fairly proficient">
<font size=2 face=arial> Fairly proficient </font>
<input type=checkbox name=in_Website_design_Page_design_skill_level value="Strong skills">
<font size=2 face=arial> Strong skills </font>
<input type=checkbox name=in_Website_design_Page_design_skill_level value="Expert">
<font size=2 face=arial>Expert</font></select>
</p></td>
</tr>
<tr>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body><tr>
<td><p align="left"><font size=2 face=arial> <strong>HTML:</strong> </font>
<input type=checkbox name=in_Website_design_User_interface_design_and_planning_skill_level="Some experience but not proficient">
<font size=2 face=arial> Some experience </font>
<input type=checkbox name=in_Website_design_User_interface_design_and_planning_skill_level value="Fairly proficient">
<font size=2 face=arial> Fairly proficient </font>
<input type=checkbox name=in_Website_design_User_interface_design_and_planning_skill_level value="Strong skills">
<font size=2 face=arial> Strong skills </font>
<input type=checkbox name=in_Website_design_User_interface_design_and_planning_skill_level value="Expert">
<font size=2 face=arial>Expert</font></p>
</td>
</tr>
<p> </p>
<tr>
<td> <p align="left" ><font size=2 face=arial><strong>Page design:</strong></font>
<input type=checkbox name=in_Website_design_Page_design_skill_level value="Some experience but not proficient">
<font size=2 face=arial> Some experience </font>
<input type=checkbox name=in_Website_design_Page_design_skill_level value="Fairly proficient">
<font size=2 face=arial> Fairly proficient </font>
<input type=checkbox name=in_Website_design_Page_design_skill_level value="Strong skills">
<font size=2 face=arial> Strong skills </font>
<input type=checkbox name=in_Website_design_Page_design_skill_level value="Expert">
<font size=2 face=arial>Expert</font></select>
</p></td>
</tr>
<tr>
</body>
</html>
