Checkbox cancelation: If one checked gray others; visa versa.

**heybrian** · 09-30-2009, 05:43 PM

See code below:
If "None" is selected, I need all the other check boxes grayed out.
If any one (or several/all) of the other check boxes is checked, then "None" grays out. How can I make this work? Using DOM?
Thanks in advance:

Here is the code:
<body>
<form>
<p>
<input type="checkbox" name="Team" value="None" id="None" />
None<br />
<br />
Teams<br />
<input type="checkbox" name="Teams" value="A" id="A" />
A<br />
<input type="checkbox" name="Teams" value="B" id="B" />
B<br />
<input type="checkbox" name="Teams" value="C" id="C" />
C<br />
</p>
</form>
</body>

**nathandelane** · 09-30-2009, 07:56 PM

You would use JavaScript. Have you tried anything yet? It is good that each input has an id attribute. You can use this to help you tie up your JavaScript.

I just made an example of how to do this: http://nathandelanestaging.x10hostin...cellation.html

Take a look at the source code, it is relatively simple, and I can help you understand any part of it.

**toicontien** · 09-30-2009, 07:59 PM

You actually should be using radio buttons. When radio buttons are named the same, you can only select one in the group:

Code:

<body>
<form>
<p>
<input type="radio" name="Team" value="None" id="None" />
None<br />
<br />
Teams<br />
<input type="radio" name="Teams" value="A" id="A" />
A<br />
<input type="radio" name="Teams" value="B" id="B" />
B<br />
<input type="radio" name="Teams" value="C" id="C" />
C<br />
</p>
</form>
</body>

**nathandelane** · 09-30-2009, 08:03 PM

If he wants to be able to select multiple options, though then checkboxes are the correct choice. Having them all the same name will return all selected values in a single name too.

**heybrian** · 09-30-2009, 09:00 PM

Yes, nathandelane is correct. I need check boxes.
Also, nathandelane, this is a great start.
I also need this second part:
If any one (or several/all) of the other check boxes is checked, then "None" grays out. Without making this too complicated, is this doable??

Thanks again for the help

**nathandelane** · 09-30-2009, 09:12 PM

You just do document.getElementById("checkboxId").checked = false to uncheck the checkboxes when you disable them.

Thread: Checkbox cancelation: If one checked gray others; visa versa.

Thread Tools

Display

Checkbox cancelation: If one checked gray others; visa versa.

Half way

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions