启用 - 禁用表单元素检查 - 取消选中复选框输入jquery

时间:2013-03-24 20:21:52

标签: jquery

我想在选中复选框表单元素时启用所有表单元素。反过来。
这是我的代码(不起作用):

$(document).ready(function(){

    $('#coments input[type=text]').attr('disabled', 'disabled');
    $('#coments textarea').attr('disabled', 'disabled');
    $('#coments select').attr('disabled', 'disabled');
    $('#coments input[type=submit]').hide();

    $('#coments input[type:checkbox]').click(function() {
        var checkbox = $(this);

        if (checkbox.is(':checked')) {
            $('#coments input[type=submit]').show();
            $('#coments textarea').removeAttr('disabled');
            $('#coments select').removeAttr('disabled');
            $('#coments input[type=text]').removeAttr('disabled');
        } else {
            $('#coments input[type=text]').attr('disabled', 'disabled');
            $('#coments textarea').attr('disabled', 'disabled');
            $('#coments select').attr('disabled', 'disabled');
            $('#coments input[type=submit]').hide();
        }
    });
});

希望你们任何人都可以提供帮助!

2 个答案:

答案 0 :(得分:0)

对于textboxes和textarea,您需要设置“readonly”属性

$('#coments textarea').attr("readonly", "readonly");

答案 1 :(得分:0)

请原谅浪费你的时间!我已经发现了一个破坏我头脑的语法错误 这一行:
    $(' #coments输入[type:checkbox]')。click(function(){...
应该是:
    $(' #coments输入[type =复选框]')。click(function(){...
对不起,谢谢。