469,907 Members | 2,188 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,907 developers. It's quick & easy.

radio on when checkbox checked

I want to take the following HTLM and use javascript to turn on radio buttons if checkbox is checked, can I do this with javascript (maybe onClick or an array) or do i need a server side script ?
<li>ABACAVIR SULFATE</li>
<INPUT NAME="ingredient0" TYPE=checkbox VALUE="ABACAVIR SULFATE"><br>
<input name="ABACAVIR SULFATE AMOUNT" type="radio" value="EQ 300MG BASE">EQ 300MG BASE<br>
<input name="ABACAVIR SULFATE AMOUNT" type="radio" value="EQ 20MG BASE/ML">EQ 20MG BASE/ML<br>

Jul 20 '05 #1
1 3166
John Mullen wrote on 21 Dec 2003 at Sun, 21 Dec 2003 10:41:13 GMT:
I want to take the following HTLM and use javascript to turn on
radio buttons if checkbox is checked, can I do this with
javascript (maybe onClick or an array) or do i need a server side
script ? <li>ABACAVIR SULFATE</li>
<INPUT NAME="ingredient0" TYPE=checkbox VALUE="ABACAVIR
SULFATE"><br> <input name="ABACAVIR SULFATE AMOUNT" type="radio"
value="EQ 300MG BASE">EQ 300MG BASE<br> <input name="ABACAVIR
SULFATE AMOUNT" type="radio" value="EQ 20MG BASE/ML">EQ 20MG
BASE/ML<br>


You can do this with JavaScript, but the method differs depending on
whether you use forms to contain the controls.

With forms:

<FORM ... name="form_name">
...
<INPUT ... type="checkbox"
onclick="enableGroup('radio_name',this.form,this.c hecked)">
<INPUT ... name="radio_name" type="radio">
<INPUT ... name="radio_name" type="radio">
...
</FORM>

<SCRIPT type="text/javascript">
// Enables or disables a group of controls that share the same
// name
//
// groupName - string that contains the name of the control group
// form - the form object that contains the controls
// enable - boolean that if true, enables the group. If false,
// the group is disabled
//
function enableGroup(groupName, form, enable) {
// Get the group of radio buttons.
var group = form.elements[groupName];
var numControls = group.length;

// Loop through the collection enabling (or disabling) the
// controls.
for (var i = 0; i < numControls; ++i) {
group[i].disabled = !enable;
}
}
</SCRIPT>
With or without:

<INPUT ... type="checkbox"
onclick="enableGroup('radio_name',this.checked)">
<INPUT ... name="radio_name" type="radio">
<INPUT ... name="radio_name" type="radio">

<SCRIPT type="text/javascript">
// Enables or disables a group of controls that share the same
// name
//
// groupName - string that contains the name of the control group
// enable - boolean that if true, enables the group. If false,
// the group is disabled
//
function enableGroup(groupName, enable) {
var group = null;

// Attempt to get the group of radio buttons. First try the DOM
// approach, then try Microsoft proprietary if DOM is not
// supported.
if (document.getElementsByName) {
group = document.getElementsByName(groupName);
} else if (document.all) {
group = document.all[groupName];
}

// If the group was obtained successfully, loop through the
// collection enabling (or disabling) the controls.
if (group) {
var numControls = group.length;

for (var i = 0; i < numControls; ++i) {
group[i].disabled = !enable;
}
}
}
</SCRIPT>

The examples above can be used to enable or disable any form control,
not just radio buttons. The examples also assume that you want the
controls enabled when the checkbox is ticked. If you need them to be
disabled when the box is ticked, use this:

<INPUT ... type="checkbox"
onclick="enableGroup('radio_name',!this.checked)">

Note that an exclamation mark (!) is used here (to invert the boolean
value) and is not in the example controls above.

<snipped HTML format post>

You should only use text to post to Usenet. Please don't use HTML.

Mike

--
Michael Winter
M.******@blueyonder.co.invalid (replace ".invalid" with ".uk")
Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by shortbackandsides.no | last post: by
10 posts views Thread by DettCom | last post: by
3 posts views Thread by Scott | last post: by
2 posts views Thread by jimi_xyz | last post: by
2 posts views Thread by jimi_xyz | last post: by
3 posts views Thread by Ken Varn | last post: by
1 post views Thread by Waqarahmed | last post: by
reply views Thread by Salome Sato | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.