Отключить/включить элемент с флажком и jQuery?

У меня есть флажок, и если я его помечаю, я хочу, чтобы текстовое поле включалось (отключено по умолчанию), и когда я отключаю флажок, я хочу, чтобы он снова отключился.

Я видел здесь флажки jQuery, как я могу переключить класс CSS и здесь http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_disable.2Fenable_a_form_element.3F, как я могу переключаться между включенными и отключенными с помощью двух кнопок. Но как я могу переключить статус отключенных/активированных текстовых полей, установив галочку/снять флажок?

Спасибо заранее.

Ответ 1

$(':checkbox').click(function(){
   $('input:text').attr('disabled',!this.checked)
});

сумасшедшая демонстрация

Ответ 2

Вы можете прикрепить обработчик изменений к флажку и включить/отключить текстовое поле со свойством checked.

$('#theCheckbox').change(function() {
    $('#theTextfield').attr('disabled', this.checked);
});

Пример: http://jsbin.com/oludu3/2

Ответ 3

@Martin - удалить текст в текстовых блоках, которые будут отключены, и отключить флажки, которые становятся отключенными, - просто добавьте эту строку

 $("#TextField_ID_name").val("");

и чтобы снять флажок, вам нужно присвоить идентификационное имя флажку а затем добавьте эту строку в JQuery

$("#chekcbox_ID_name").attr('checked',false)

Надеюсь, это поможет кому-то... хотя я отвечаю на вопрос Мартинса через 2 года после его публикации: -)

Ответ 4

Здесь страница, которая делает то, что вы ищете - она довольно минимальная, но показывает, что вам нужно

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script>
            $(document).ready(function () {
                $("#testcheckbox").change(function () { 
                    $("#testtextfield").attr("disabled", $(this).attr("checked"));
                });
            });
        </script>
    </head>
    <body>
        <input type="checkbox" id="testcheckbox" />
        <input type="text" id="testtextfield" />
    </body>
</html>

Ответ 5

Поскольку jQuery 1.6, метод . prop() должен использоваться для установки отключенного и отмеченного вместо . Метод attr():

$('#theCheckbox').change(function() {
    $('#theTextfield').prop('disabled', this.checked);
});

Ответ 6

показать и скрыть текстовое поле (# otherSection2) для ввода других параметров, когда последний флажок в отображаемой таблице (#CheckBoxListList) из asp: элемент управления CheckBoxList выбран

 $("#CheckBoxListList input[type='checkbox']:last").on("click", function () {

                if ($(this).is(":checked")) {
                    $("#otherSection2").show();
                } else {
                    $("#otherSection2").hide().find("input").val(null);

                }
            });