javascript - 启用非活动字段的复选框

Question

我只是想知道是否可以通过使用 javascript 检查复选框来启用非活动字段？例如，以下文本字段最初是禁用的，但如果您选中复选框，文本字段将启用并允许您输入一个值

<input type="checkbox" name="enable" id="enable">

<input type="text" id="name" name="name">

我已经进行了一些搜索，但似乎找不到效果很好的东西，而且我对 javascript 还很陌生，所以任何帮助或朝着正确方向轻推都会很棒。

Answer 1

尝试这个

window.onload=function(){
    document.getElementById('enable').onchange=function(){
        var txt = document.getElementById('name');
        txt.disabled = !this.checked;
    };
};

演示1和演示 2。

Answer 2

Working FIDDLE Demo

这是可能的。考虑以下 HTML 标记：

<input type="checkbox" name="enable" id="enable" />
<input type="text" id="name" name="name" disabled="disabled" />

而这个JavaScript：

// get checkbox element
var checkbox = document.getElementById('enable');

// get textbox element
var field = document.getElementById('name');

// whenever user click on checkbox
checkbox.onclick = function () {
    // get check status of checkbox
    var checked = this.checked;

    // enable or disable textbox based on checked status
    field.disabled = ! checked;
};

Answer 3

使用复选框控制多个输入字段。请参阅此演示。

$("body").on("click","#enable",function(){
    if($(this).filter(":checked").length>0)
        $("#fields input").removeAttr("disabled");
    else{
        $("#fields input").attr("disabled",true);
    }
})