###やりたいこと
ラジオボタンのチェックに応じて指定クラスの色を変えたいのですが、どうも反応してくれません。
###ダメだったコード
▼▼現在の状態▼▼
https://jsfiddle.net/vtk7fqyj/
▼▼上のコード▼▼
html
1<div class="wpuf-fields" data-required="no" data-type="radio"> 2 3<label class="wpuf-radio-block"> 4<input name="selectcolor" class="wpuf_selectcolor_4" value="blue" type="radio" checked>ブルー</label> 5 6<label class="wpuf-radio-block"> 7<input name="selectcolor" class="wpuf_selectcolor_4" value="red" type="radio">レッド</label> 8 9<label class="wpuf-radio-block"> 10<input name="selectcolor" class="wpuf_selectcolor_4" value="green" type="radio">グリーン</label> 11 12</div> 13 14<div class="change blue">色よ変われ!</div>
javascript
1var updateState = function() { 2 var checkedInput = $("input[name='selectcolor']:checked"); 3 $('.change').removeClass('blue red green').addClass($(this).val()); 4};
お詳しい方、ご教示頂ければ幸いです。
どうぞ宜しくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/02/03 07:57