質問: 選択したラジオボタンの項目によって、アンカーリンクの飛び先を変更させるには、 jQueryでどのような記述をすればよろしいでしょうか? ``` 好きな色1つ目 赤 青 黄色 好きな色2つ目 緑 オレンジ 結果を表示する 赤と緑 赤とオレンジ 青と緑 青とオレンジ 黄色と緑 黄色とオレンジ ``` 例えば好きな色1つ目で青を選び、2つ目でオレンジを選んだ場合、 になるようにしたいです。 どう記述すれば2つのラジオボタンの値をまとめて取れるのかが 正直さっぱりわかりません・・・ $('input[name=Check1]:eq(0)').prop('checked');でラジオボタンが選択されているかを取得する、 $('input[name=Check1]').val();でどのラジオボタンが選択されているのかを取得する、 といったことがやっと分かるレベルです。 ご助力いただけると嬉しいです。よろしくお願いいたします。
回答: データの拾い方次第ですが、こんな感じでどうでしょうか? ``` $(function(){ $('#btn').on('click',function(){ var c1=$('input[name=Check1]:checked'); var c2=$('input[name=Check2]:checked'); if(c1.length==1 && c2.length==1){ $(this).attr('href','#'+c1.data('str')+c2.data('str')); } }); }); ``` ``` 好きな色1つ目 赤 青 黄色 好きな色2つ目 緑 オレンジ 結果を表示する 赤と緑 赤とオレンジ 青と緑 青とオレンジ 黄色と緑 黄色とオレンジ ```