| SitePoint Sponsor |
i have an array of checkboxes that are displayed in a table. if the first checkbox is selected then all other checkboxes need to be greyed out, so that the user cannot select anything else. And of course if the first checkbox is unchecked then all checkboxes become available again. Any combination of the checkboxes may be selected unless the first one is selected. Thanks in advance.
Please post your HTML.
::: certified wild guess :::
It's actually PHP - HTML, here is the code:
$getOptions = @mysql_query("SELECT optID,opt_number,name FROM brute_options ORDER BY opt_number" );
$num=mysql_numrows($getOptions);
for ($x=0;x< $num;x++) {
$optID=mysql_result($getOptions,$x,"optID");
$opt_number=mysql_result($getOptions,$x,"opt_number");
$name=mysql_result($getOptions,$x,"name"); ?>
<tr>
<td width="50" align="center"><input type="checkbox" name="options[]" value="<?=$opt_number?>" return doIt("<? echo ($x) ?>")></td>
<td width="50" align="center" class="content"><?=$opt_number?></td>
<td width="425" class="content"><?=$name?></td>
</tr>
<? } ?>
of course the above code is inside a form
<form action="<?=$PHP_SELF?>" method="post" name="step7" id="step7">
<p>Please select any options you need/p>
<table width="525" border="1" cellpadding="0" cellspacing="0" bordercolor="#DEDEDE">
<tr bgcolor="#DEDEDE">
<td width="50"> </td>
<td width="50" align="center"> </td>
<td width="525" class="content"><strong>description</strong></td>
</tr>
<-- code from above here -->
<input name="submit" type="submit" id="submit" value="Submit">
</form>
<lecture type="friendly"> Just fyi: this is a client-side operation, so your PHP makes it harder to deal with. Post generated (served) HTML/JS that can be modified. The easier you make it, the likelier you are to get a documented answer. </lecture>
Added a little touch: the previously checked boxes 'return' if the main box is unchecked. If you don't care for that, just remove the green lines.Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>untitled</title> <script type="text/javascript" language="javascript"> function toggleGrp(oCheckbox) { var bWhich = oCheckbox.checked; var c = 1, box, grp = oCheckbox.form[oCheckbox.name]; while (box = grp[c++]) { if (bWhich) box.checked = false; else box.checked = box.wasChecked || false; box.disabled = bWhich; } return true; } </script> </head> <body> <form> <input type="checkbox" name="options[]" onclick="return toggleGrp(this)">____<strong>master</strong><br /><br /> <input type="checkbox" name="options[]" onclick="this.wasChecked=this.checked">__box 1<br /> <input type="checkbox" name="options[]" onclick="this.wasChecked=this.checked">__box 2<br /> <input type="checkbox" name="options[]" onclick="this.wasChecked=this.checked">__box 3<br /> <input type="checkbox" name="options[]" onclick="this.wasChecked=this.checked">__box 4<br /> </form> </body> </html>
cheers, adios
::: certified wild guess :::
Adios,
You are a star! Thanks alot... I am a computer programmer recently turned web developer. I know html and c/c++, so php comes easily to me. Javascript I am still struggling with. Your help is greatly appreciated. Take it easy..
Posting Permissions
Bookmarks