0

javascript を使用してチェックボックスをオンにすることで非アクティブなフィールドを有効にできるかどうか疑問に思っていましたか? たとえば、次のテキスト フィールドは最初は無効になっていますが、チェックボックスをオンにすると、テキスト フィールドが有効になり、値を入力できるようになります。

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

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

私はいくつかの検索を行いましたが、うまく機能するものを見つけることができないようです。私はjavascriptにかなり慣れていないので、正しい方向への助けやナッジは素晴らしいでしょう.

4

3 に答える 3

2

これを試して

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

デモ1とデモ2。

于 2013-05-22T03:26:25.613 に答える
0

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;
};
于 2013-05-22T03:29:06.707 に答える