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;
    };
};

DEMO1和DEMO 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

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

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

复选框启用非活动字段

3 个答案: