флажок и текстовое поле

Question

есть флажок и текстовое поле.изначально текстовое поле отключено, а при установке флажка текстовое поле включено.Я попробовал это, но проблема в том, что он не работает, когда добавлен сервер runat.или я должен изменить логику JavaScript для стандартных элементов управления asp.net.или можете предложить мне лучший способ сделать это.

<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%" />

Answer 1

Есть несколько способов заставить это работать.

1. Использовать весь код на стороне сервера.
2. В вашем клиентском (javascript) коде вместо серверной стороны id используйте свойство .ClientId элемента управления. Итак, если ваш htmlChkNotify на стороне сервера, вы можете использовать var checkbox = $('#<%=htmlChkNotify.ClientId%>');

Answer 2

1. добавьте атрибут runat в текстовое поле
2. Измените свою 4-ю строку на var textfield = $ ('# <% = htmlTxtNotifyemailaddress.ClientID%>');

Должен это сделать

Answer 3

См. Сгенерированный HTML («просмотреть исходный код» в браузере)
и проверьте идентификаторы флажка и текстового поля