javascript - JavaScript を使用してテキストボックスを無効にできない

Question

上記のドロップダウンボックスで選択したオプションに応じて、テキストボックスがグレー表示されるか、ユーザーが入力できるようになります。私は以下を使用しています：

document.getElementById(\'freq2\').disabled=true;

これは動作しません。しかし、私は次のものをうまく使うことができ、それはうまく消えます:

document.getElementById(\'freq2\').style.display = \'none\';

テキストボックスをグレー表示できないのに、非表示にしたり、色を変更したりできるのはなぜですか?

score 1 · Accepted Answer

引用符をエスケープ解除する必要があります。

document.getElementById(\'freq2\').disabled=true;

する必要があります

document.getElementById('freq2').disabled=true;

そうしないと、JavaScript が無効になるため、無効になりません。

複数のテキストボックスをfieldset

<fieldset id="myfields" disabled="disabled">
    <input type="text" />
    <input type="text" />
</fieldset>

JavaScript:

document.getElementById("myfields").disabled = true;

境界線を削除する CSS:

fieldset {
    border: 0;
}

score 1 · Accepted Answer

プロパティを探していdisabledます（無効ではありません）。また、引用符をエスケープする必要はありません

document.getElementById('freq2').disable=true;

score 0 · Accepted Answer

次のいずれかを試してください。

document.getElementById(\'freq2\').setAttribute('disabled', 'disabled');

または

document.getElementById(\'freq2\').setAttribute('disabled', true);

3 に答える 3