【JS】ラジオボタンでテキストボックスの disabled を制御するスクリプトをjQueryで組んでみた

インプットフォーム入力の際に、近くに置いたラジオボタンで対象フォームの Disabled を切り替えるスクリプトを jQuery で組んでみました。

ラジオボタンで disabled を制御

イメージ

↑「編集する」を選択時にだけ背景色が白くなり、フォームが記入できるようになります。

デモ

デモはコチラから

各種スクリプト

ではソースです。
HTMLは、ラジオボタンとテキストボックスがあるだけのシンプルなものです。
IDはきちんと設定して下さい。

HTML

[html]

編集しない

編集する

▼「編集する」を選択した場合は必須です

[/html]

Javascript

javascript部分。
jqueryで disabled とbackground-clor を書き換えているだけです。

[js]

[/js]

そんなに難しくないコードであっさりと実現できているのが良いですね。

checkbox 版はこちら

ラジオボタンに続き、チェックボックスでも作ってみました。

【JS】チェックボックスでフォームの disabled を設定/解除するスクリプトをjQueryで組んでみた

-Javascript,jQuery
-disabled, ラジオボタン, 制御