質問編集履歴

1 ラジオボタンの値の取得で現状分かることの追加をしました。

mochimochiko

mochimochiko score 5

2017/09/07 17:28  投稿

ラジオボタンの選択によってアンカーリンクの飛び先を変える
選択したラジオボタンの項目によって、アンカーリンクの飛び先を変更させるには、
jQueryでどのような記述をすればよろしいでしょうか?
```ここに言語を入力
<h4>好きな色1つ目</h4>
 <input class="Check1" name="Check1" type="radio" id="RCheck" value="赤">赤
 <input class="Check1" name="Check1" type="radio" id="BCheck" value="青">青
 <input class="Check1" name="Check1" type="radio" id="YCheck" value="黄色">黄色
<h4>好きな色2つ目</h4>
 <input class="Check2" name="Check2" type="radio" id="GCheck" value="緑">緑
 <input class="Check2" name="Check2" type="radio" id="OCheck" value="オレンジ">オレンジ
<a href="#" id="btn">結果を表示する</a>
<div id="rg">赤と緑</div>
<div id="ro">赤とオレンジ</div>
<div id="bg">青と緑</div>
<div id="bo">青とオレンジ</div>
<div id="yg">黄色と緑</div>
<div id="yo">黄色とオレンジ</div>
```
例えば好きな色1つ目で青を選び、2つ目でオレンジを選んだ場合、
<a href="#bo"> になるようにしたいです。
どう記述すれば2つのラジオボタンの値をまとめて取れるのかが
正直さっぱりわかりません・・・
$('input[name=Check1]:eq(0)').prop('checked');でラジオボタンが選択されているかを取得する、  
$('input[name=Check1]').val();でどのラジオボタンが選択されているのかを取得する、  
といったことがやっと分かるレベルです。  
 
ご助力いただけると嬉しいです。よろしくお願いいたします。
  • CSS

    8395 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • jQuery

    8777 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る