私はチェックボックスを持っています。これがチェックされていれば、テキストボックスを編集可能にします。チェックされていない場合は、テキストボックスをreadOnlyにします。ここに私のJSです:JS if文が機能しないようです。
if (document.getElementById('itemize').checked==false) {
document.getElementById('budget_1').readOnly = true;
} else {
document.getElementById('budget_1').readOnly = false;
}
チェックボックスのための私のHTML:
<input type="checkbox" id="itemize" style="width: 20px; height: 20px;" />
JSは、テキストボックス読み取り専用をうまく作るようですが、私はチェックボックスがチェックされていることを確認したときに、テキストボックスreadOnlyのままです。助言がありますか?
状態に変化したときに実行するイベントハンドラを使用する必要があります。4. – Santi
このJSFiddleを考えてみます。https:// jsfiddle.net/nwny4tdp/ - これはあなたの正確なコードであり、正常に動作します。あなたが提供したスニペットに含まれていないように、あなたの特定の問題を絞り込むのに役立ついくつかのコンテキストを提供できますか? – Santi
あなたのコードはいつ実行されますか?ページを読み込んだときに1回だけ実行されると、チェックボックスをオンまたはオフにすると、何も変わらないことは明らかです。あなたは物事を更新するためにイベントリスナー(おそらく "change"イベントに)を追加する必要があります。 – jcaron