Programming Forums > Web Development and Design > JavaScript and Client-Side Browser Scripting

Ghost · Nov 15th, 2005, 2:13 PM

Hey I need some help...a lot of help with JavaScript.

I need it so when Yes is selected from a radio button list, the drop down list then becomes enabled and when no is selected it becomes disabled.

Here are the elements I have. I need the javascript code....

Radio Buttons
--------------------------------

(Toggle Plain Text)

<table id="_ctl0_RadioButtonListSalesAgent" onClick="enableDisable()" border="0" style="height:40px;width:240px;">
<tr>
<td><input id="_ctl0_RadioButtonListSalesAgent_0" type="radio" name="_ctl0:RadioButtonListSalesAgent" value="1" /><label for="_ctl0_RadioButtonListSalesAgent_0">Yes, and my agents name is:</label></td>
</tr><tr>
<td><input id="_ctl0_RadioButtonListSalesAgent_1" type="radio" name="_ctl0:RadioButtonListSalesAgent" value="0" checked="checked" /><label for="_ctl0_RadioButtonListSalesAgent_1">No, please assign an agent.</label></td>
</tr>
</table>

Dropdown List
------------------

(Toggle Plain Text)

<select name="_ctl0:DropDownListSalesAgent" id="_ctl0_DropDownListSalesAgent" disabled="disabled" class="PhoneEdit" style="width:200px;">
	<option value="User1">User1</option>
	<option value="User2">User2</option>

</select>

Thank you javascript people.

Agent 47 · Nov 15th, 2005, 2:22 PM

(Toggle Plain Text)

<script type="text/JavaScript">
//<![CDATA[
function toggle(v,s)
{
	document.getElementById(s).disabled=v;
}
//]]>
</script>
</head>

<body>
<form name="f1">
	<div>
		<label for="_ctl0_RadioButtonListSalesAgent_0">
			<input id="_ctl0_RadioButtonListSalesAgent_0" type="radio" name="_ctl0:RadioButtonListSalesAgent" value="1" onclick="toggle(false,'_ctl0_DropDownListSalesAgent');" />
			Yes, and my agents name is:
		</label>
		<label for="_ctl0_RadioButtonListSalesAgent_1">
			<input id="_ctl0_RadioButtonListSalesAgent_1" type="radio" name="_ctl0:RadioButtonListSalesAgent" value="0" checked="checked" onclick="toggle(true,'_ctl0_DropDownListSalesAgent');" />
			No, please assign an agent.
		</label>
		<select name="_ctl0:DropDownListSalesAgent" id="_ctl0_DropDownListSalesAgent" disabled="disabled" class="PhoneEdit" style="width:200px;">
			<option value="User1">User1</option>
			<option value="User2">User2</option>
		</select>
	</div>
</form>

--47.

Nov 15th, 2005, 2:13 PM	#1
Ghost Man Bear Pig Hunter Join Date: Jul 2005 Location: NorCal, USA Posts: 295 Rep Power: 4	Disable Drop Downlist Using Radio Buttons Hey I need some help...a lot of help with JavaScript. I need it so when Yes is selected from a radio button list, the drop down list then becomes enabled and when no is selected it becomes disabled. Here are the elements I have. I need the javascript code.... Radio Buttons -------------------------------- (Toggle Plain Text) <table id="_ctl0_RadioButtonListSalesAgent" onClick="enableDisable()" border="0" style="height:40px;width:240px;"> <tr> <td><input id="_ctl0_RadioButtonListSalesAgent_0" type="radio" name="_ctl0:RadioButtonListSalesAgent" value="1" /><label for="_ctl0_RadioButtonListSalesAgent_0">Yes, and my agents name is:</label></td> </tr><tr> <td><input id="_ctl0_RadioButtonListSalesAgent_1" type="radio" name="_ctl0:RadioButtonListSalesAgent" value="0" checked="checked" /><label for="_ctl0_RadioButtonListSalesAgent_1">No, please assign an agent.</label></td> </tr> </table> <table id="_ctl0_RadioButtonListSalesAgent" onClick="enableDisable()" border="0" style="height:40px;width:240px;"> <tr> <td><input id="_ctl0_RadioButtonListSalesAgent_0" type="radio" name="_ctl0:RadioButtonListSalesAgent" value="1" /><label for="_ctl0_RadioButtonListSalesAgent_0">Yes, and my agents name is:</label></td> </tr><tr> <td><input id="_ctl0_RadioButtonListSalesAgent_1" type="radio" name="_ctl0:RadioButtonListSalesAgent" value="0" checked="checked" /><label for="_ctl0_RadioButtonListSalesAgent_1">No, please assign an agent.</label></td> </tr> </table> Dropdown List ------------------ (Toggle Plain Text) <select name="_ctl0:DropDownListSalesAgent" id="_ctl0_DropDownListSalesAgent" disabled="disabled" class="PhoneEdit" style="width:200px;"> <option value="User1">User1</option> <option value="User2">User2</option> </select> <select name="_ctl0:DropDownListSalesAgent" id="_ctl0_DropDownListSalesAgent" disabled="disabled" class="PhoneEdit" style="width:200px;"> <option value="User1">User1</option> <option value="User2">User2</option> </select> Thank you javascript people.

Nov 15th, 2005, 2:22 PM	#2
Agent 47 Hobbyist Programmer Join Date: Nov 2005 Posts: 122 Rep Power: 3	(Toggle Plain Text) <script type="text/JavaScript"> //<![CDATA[ function toggle(v,s) { document.getElementById(s).disabled=v; } //]]> </script> </head> <body> <form name="f1"> <div> <label for="_ctl0_RadioButtonListSalesAgent_0"> <input id="_ctl0_RadioButtonListSalesAgent_0" type="radio" name="_ctl0:RadioButtonListSalesAgent" value="1" onclick="toggle(false,'_ctl0_DropDownListSalesAgent');" /> Yes, and my agents name is: </label> <label for="_ctl0_RadioButtonListSalesAgent_1"> <input id="_ctl0_RadioButtonListSalesAgent_1" type="radio" name="_ctl0:RadioButtonListSalesAgent" value="0" checked="checked" onclick="toggle(true,'_ctl0_DropDownListSalesAgent');" /> No, please assign an agent. </label> <select name="_ctl0:DropDownListSalesAgent" id="_ctl0_DropDownListSalesAgent" disabled="disabled" class="PhoneEdit" style="width:200px;"> <option value="User1">User1</option> <option value="User2">User2</option> </select> </div> </form> <script type="text/JavaScript"> //<![CDATA[ function toggle(v,s) { document.getElementById(s).disabled=v; } //]]> </script> </head> <body> <form name="f1"> <div> <label for="_ctl0_RadioButtonListSalesAgent_0"> <input id="_ctl0_RadioButtonListSalesAgent_0" type="radio" name="_ctl0:RadioButtonListSalesAgent" value="1" onclick="toggle(false,'_ctl0_DropDownListSalesAgent');" /> Yes, and my agents name is: </label> <label for="_ctl0_RadioButtonListSalesAgent_1"> <input id="_ctl0_RadioButtonListSalesAgent_1" type="radio" name="_ctl0:RadioButtonListSalesAgent" value="0" checked="checked" onclick="toggle(true,'_ctl0_DropDownListSalesAgent');" /> No, please assign an agent. </label> <select name="_ctl0:DropDownListSalesAgent" id="_ctl0_DropDownListSalesAgent" disabled="disabled" class="PhoneEdit" style="width:200px;"> <option value="User1">User1</option> <option value="User2">User2</option> </select> </div> </form> --47. __________________ "I'm going to become rich and famous when I invent a device that allows you to stab people in the face over the internet"

Thread Tools
Show Printable Version Email this Page
Display Modes
Switch to Linear Mode Hybrid Mode Switch to Threaded Mode

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Programming Forums > Web Development and Design > JavaScript and Client-Side Browser Scripting

Disable Drop Downlist Using Radio Buttons