以下のコードのように、changeでvalue="yes"を選択した場合には、#moneyRangeをshow()にして、value="no"を選択した場合には、hide()
にしたいのですが、一旦showになった#moneyRangeについてラジオボタンの選択をvalue="no"に変えても、表示が隠れてくれません。
コードのどの点に原因があるのでしょうか?
よろしくお願い申し上げます。
HTML
1 <p> 2 <input id="spec" type="radio" name="moneyChoice" value="yes">選択する 3 <br> 4 <input id="spec" type="radio" name="moneyChoice" value="no">選択しない 5 </p> 6 7 <div id="moneyRange"> 8......... 9 </div>
javascript
1$(function(){ 2 $('#moneyRange').hide(); 3 $('#spec').on('change',function(){ 4 var choice =$('#spec').val(); 5 if (choice=='yes') { 6 $('#moneyRange').show(); 7 }else{ 8 $('#moneyRange').hide(); 9} 10 }) 11})
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/04/19 16:04
2017/04/19 16:07
2017/04/19 16:13