#解決したいこと
input[type=radio]でラジオボタンをチェックした時に、ある指定された要素を表示させたいです。
また、他のラジオボタンをチェックした時には、それまで表示されていた要素を非表示にしたいです。
#html
<form action="" id="radio"> <li class="test"> <div> <label for="radio1"><input type="radio" name="radio" id="radio1">ラジオ1</label> </div> <!-- .checked-showをラジオボタンチェック時のみ表示したい --> <div class="checked-show"> <p>サンプルテキスト</p> </div> </li> <li class="test"> <div> <label for="radio2"><input type="radio" name="radio" id="radio2">ラジオ2</label> </div> <!-- .checked-showをラジオボタンチェック時のみ表示したい --> <div class="checked-show"> <p>サンプルテキスト</p> </div> </li> </form>
#試したこと
$('input[type=radio]').change(function(){ var $contents = $('input:checked').parent(); $contents.show(); });
#イメージ画像
イメージとしてはこんな感じです。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/04/16 06:22