checkbox and textbox

Question

there is a checkbox and a textbox. initially the textbox is set disabled and on checking the checkbox the textbox in enabled. i hv tried this but the problem is that it is not working when runat server is added. or i should change javascript logic for asp.net standard controls. or can suggest me a beeter way to do this.

<script type="text/javascript">
 $(document).ready(function() {
    var checkbox = $('#htmlChkNotify');
    var textfield = $('#htmlTxtNotifyemailaddress');
        checkbox.click(function() {
            if (checkbox.is(':checked')) {
                textfield.removeAttr('disabled');
                textfield.removeClass("email");
            }
            else {
                textfield.attr('disabled', 'disabled');
                textfield.addClass("email");
            }
        });
    });


    </script>

<input type="checkbox"  id="htmlChkNotify"/>
<label for="htmlChkNotify">Notify</label>
<input type="text" id="htmlTxtNotifyemailaddress" disabled="disabled" 
       class="email" style="width:25%" />

Oded · Accepted Answer · 2010-11-25 13:13:13Z

1

There are several way to get this to work.

Use all server side code.
In your client side (javascript) code, instead of using the server side id, use the .ClientId property of the control. So, if your htmlChkNotify is server side, you can use var checkbox = $('#<%=htmlChkNotify.ClientId%>');

answered Nov 25, 2010 at 13:13

Oded

501k102 gold badges900 silver badges1k bronze badges

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

1 Comment

Oded Over a year ago

@kinn - What is not working? I gave two options, and you didn't explain which one didn't work and what exactly didn't work.

Jacques · Accepted Answer · 2010-11-25 13:22:38Z

1

add the runat attribute to your textbox
Change your 4th line to be var textfield = $('#<%=htmlTxtNotifyemailaddress.ClientID %>');

Should do it

answered Nov 25, 2010 at 13:22

Jacques

7,1758 gold badges47 silver badges106 bronze badges

Comments

Oleg Kalenchuk · Accepted Answer · 2010-11-25 13:13:06Z

0

See generated HTML ("view source" in browser)
and check IDs of checkbox and textbox

answered Nov 25, 2010 at 13:13

Oleg Kalenchuk

5171 gold badge5 silver badges12 bronze badges

Collectives™ on Stack Overflow

checkbox and textbox

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related