How to pass ID to a java script function in ASP.NET

Question

Hi, I have following java script function:

function EnableDisableTextBox(chkBoxId, txtBoxId) {
    var isChk = document.getElementById(chkBoxId);
    document.getElementById(txtBoxId).disabled = !(isChk.checked);
}

When I am trying to call above function, by clicking check box its not working as expected

<asp:CheckBox ID="chkBachelors"
      onclick="javascript:EnableDisableTextBox('chkBachelors','txtFirstDegree');"
      runat="server" Text='<%$Resources:Resource, FirstDegree %>' TextAlign="Left"/>

<asp:TextBox ID="txtFirstDegree" CssClass="form-text" runat="server" 
      MaxLength="250">&lt;/asp:TextBox>

Expected Result (When user click chkBachelors check box):

if "chkBachelors" check box is checked 
    then enable "txtFirstDegree" text box
else 
    disable "txtFirstDegree" text box

What is the problem and how to solve it?

which asp.net version? and do you mind using jquery?

codeandcloud
– codeandcloud

2012-04-11 06:41:38 +00:00
Commented Apr 11, 2012 at 6:41 — codeandcloud
– codeandcloud, Commented Apr 11, 2012 at 6:41

dhinesh · Accepted Answer · 2012-04-11 06:03:16Z

1

    <asp:CheckBox ID="chkBachelors"
              onclick="EnableDisableTextBox(this);"
              runat="server" Text='' TextAlign="Left"/>

        <asp:TextBox ID="txtFirstDegree" CssClass="form-text" runat="server" 
              MaxLength="250"></asp:TextBox>


<script language ="javascript" type="text/javascript">
       function EnableDisableTextBox(checkbox)
       {
           var txtBoxId= "<%=txtFirstDegree.ClientID%>";
           document.getElementById(txtBoxId).disabled = !(checkbox.checked);
       }
</script>

answered Apr 11, 2012 at 6:03

dhinesh

4,8142 gold badges28 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Vipul Over a year ago

thank you dhinesh but what if i have multiple pair of such checkbox and text box?

dhinesh Over a year ago

@Vipul: UserControl would be best option.

Krishnanunni Jeevan · Accepted Answer · 2012-04-11 06:13:01Z

0

<%=chkBachelors.ClientID%> and <%=txtFirstDegree.ClientID%> will give the client side ID of the Asp.Net controls .You don't need to pass them explicitly

function EnableDisableTextBox() {
            var isChk = document.getElementById(<%=chkBachelors.ClientID%> );
            document.getElementById(<%=txtFirstDegree.ClientID%>).disabled = !(isChk.checked);
        }

edited Apr 11, 2012 at 6:13

answered Apr 11, 2012 at 5:56

Krishnanunni Jeevan

1,7591 gold badge15 silver badges24 bronze badges

5 Comments

Vipul Over a year ago

you mean to say<br> instead of onclick="javascript:EnableDisableTextBox('chkBachelors','txtFirstDegree');" i have to use onclick="javascript:EnableDisableTextBox('<%=chkBachelors.ClientID%>','<%=txtFirstDegree.ClientID%>');"

Krishnanunni Jeevan Over a year ago

why do you need to pass them in EnableDisableTextBox.Moreover the ID here is serverside ant it won't be same at client side unless you set CLIENTIDMODE to static which is applicable only in .net 4.0.

Krishnanunni Jeevan Over a year ago

No need to pass IDs as parameters unless the checkbox and textbox controls is within repeater or datagrid

Vipul Over a year ago

function which you have given is good but only when i have single pair of such checkbox and textbox but in my case i have 10 pairs and i dont wann write same function again and again for each pair

Krishnanunni Jeevan Over a year ago

sorry..probably whatever you had in the first comment should work in that case

Collectives™ on Stack Overflow

How to pass ID to a java script function in ASP.NET

2 Answers 2

2 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related