SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 社員募集 ...

【jQuery】ラジオボタンの値の取得

ラジオボタンのセレクタの書き方は次のようになる。

$('input[type="radio"]') //素直にtype属性がradioの要素

$('input:radio') //こんな書き方もできる(すべてのラジオボタン。 :radio や *:radio も同じ。)

$('#container input:radio') //ある要素の中のinput type="radio"

ラジオボタンで今チェックされている要素の取得は :checked をつければよい。

$('#container input:radio:checked')

値の取得は val で。

$('#container input:radio:checked').val()

動作例

ある要素の中にあるラジオボタンで、nameがtestで、チェックされているものの値(value)をalertで表示する。

どれもチェックされていないときはundefinedが返ってくる。

関連するメモ

コメント(1)

kato 2020年2月26日 06:31

助かりました。
作成頂きありがとうございました。