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

Tweet

Category JavaScript / Tagged jQuery 2010/05/19

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

$('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が返ってくる。