Eyecatch jQuery

Javascript,jQuery

ラジオボタン連動でテキストボックスの disabled を切り替えするスクリプトをjQueryで組んでみた

2015/06/03

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

イメージ

画面イメージ

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

デモ

デモはコチラから

スクリプト

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

HTML

Javascript

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

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

checkbox 版はこちら

ラジオボタンに続き、チェックボックスでも作ってみました。
チェックボックスでフォームの disabled を設定/解除するスクリプトをjQueryで組んでみた。

-Javascript,jQuery
-, , ,