jQuery

Javascript,jQuery

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

2018/02/01

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

ラジオボタンで disabled を制御

イメージ

画面イメージ

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

デモ

デモはコチラから

各種スクリプト

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

HTML

Javascript

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

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

checkbox 版はこちら

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

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

-Javascript,jQuery
-, ,