How to Enable/Disable the Dropdownlists when selecting the RadioButtonList using Jqeury

Question

0.00/5 (No votes)

See more:

Hi guys, I have a RadioButtonList and Two DropDownLists.

XML

<asp:RadioButtonList ID="rbnl" runat="server" RepeatDirection="Horizontal">
                               <asp:ListItem Text="Fresher" Value="0" Selected="True"></asp:ListItem>
                               <asp:ListItem Text="Experience" Value="1"></asp:ListItem>
                           </asp:RadioButtonList>

When Selecting the "Fresher" ( By default it is selected)
Disabled the two DropDownLists.

when selecting the "Experience"

Enabled the Two DropDrownLists.

please any one help me.

Posted 4-Nov-12 22:44pm

CH Guravaiah

Updated 4-Nov-12 22:50pm

v2

Add a Solution

Comments

Sanjeev Alamuri 5-Nov-12 4:57am

http://www.codeproject.com/Answers/487906/HowplustoplusEnableplustheplusDropdownListplususin#answer1

CH Guravaiah 5-Nov-12 5:04am

doesn't working code.

Ankur^\m/ 5-Nov-12 5:27am

Because the code isn't complete. You need to edit it to suit your requirement.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Abhimanyu Rawat · Answer 1 · 2012-11-04T23:06:00

Hello

Use following javascript

JavaScript

function checkRadioButton(id, id1) {
         var radio = document.getElementsByName(id);
         if (radio.length > 0) {
             for (var j = 0; j < radio[0].cells.length; j++) {
                 for (var k = 0; k < radio[0].cells[j].children.length; k++) {
                     if (radio[0].cells[j].children[k].checked == true && radio[0].cells[j].innerText == "Yes") {
                         document.getElementById(id1).disabled = false;
                     }
                     else if (radio[0].cells[j].children[k].checked == true && radio[0].cells[j].innerText == "No") {
                         document.getElementById(id1).disabled = true;
                     }
                 }
             }
         }
     }

Then use following code in .cs page in page load

radiobuttonID.Attributes.Add("onClick", "checkRadioButton('" + RadioButtonID.ClientID + "','" + DropDownListID.ClientID + "')");

Thanks,
Abhimanyu Rawat

deepak.m.shrma · Answer 2 · 2012-11-06T16:57:00

XML

Its working check it :-)

<pre lang="Javascript">

<script type="text/javascript">
         $(function () {
             $('#<%=ddlMin.ClientID %>').attr("disabled", true);
             $('#<%=ddlMax.ClientID %>').attr("disabled", true);
             $('#<%=rbnl.ClientID %>').click(function (e) {
                 if ($(this).find("input:checked").val() == "0") {
                     $('#<%=ddlMin.ClientID %>').attr("disabled", true);
                     $('#<%=ddlMax.ClientID %>').attr("disabled", true);
                  }
                 else if ($(this).find("input:checked").val() == "1") {
                     $('#<%=ddlMin.ClientID %>').attr("disabled", false);
                     $('#<%=ddlMax.ClientID %>').attr("disabled", false);
                 }

             });
         });


    </script></pre>

How to Enable/Disable the Dropdownlists when selecting the RadioButtonList using Jqeury

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0