jQuery

Javascript,jQuery

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

2017/12/15

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

イメージ

画面イメージ

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

デモ

スクリプト

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

HTML

Javascript

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

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

checkbox 版はこちら

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

-Javascript,jQuery
-, , , , ,