以前はチェックボックスだったので、今回はラジオボタンです。
チェックボックスより簡単なので、さくっと対応しましょう。
関連記事
jQueryの案件で、チェックボックスの操作で少し躓いたので備忘録です。 よくよく考えれば簡単なことなのですが、忘れないように……。 【jQuery】チェックボックスの値を取り出す方法 HTMLでのコードが次のような場合 <i[…]
【jQuery】ラジオボタンの値を取り出す方法
HTMLでのコードが次のような場合
|
1 2 3 |
<input type="radio" name="q1" value="1">１ <input type="radio" name="q1" value="2">２ <input type="radio" name="q1" value="3">３ |
どのラジオボタンがクリックされたかの値を取得します。
取得するのはvalueの値です。
jQueryコードは以下
|
1 2 3 4 5 6 7 |
//ラジオボタンの値を取得 $q1 = $('input:radio[name="q1"]:checked').val(); //ラジオボタンの値が空の場合、処理をストップ if($q1.length === 0){ return; } |
ラジオボタンは一つしか選択しないので、チェックボックスのようにループ処理をする必要もありません。
必須チェックも簡単ですし、分かりやすいですね。
よく出てくる件として、ラジオボタンやチェックボックスのデザインもあるので、そちらもどうぞ。
関連記事
今回はちょっとしたデザインのお話です。 ラジオボタンやチェックボックスはデフォルトの状態だと少し硬い印象を受けます。 デフォルトのラジオボタン、チェックボックス ちょっとお堅い感じですよね。 デザイン性を高めることは[…]
