twitter facebook

jQuery で ラジオボタン・セレクトボックスの取得・設定

jQuery を使用したラジオボタンやセレクトボックスの値の取得・設定の方法のメモです。

ラジオボックス

以下のようなhtml があった場合
html
<input type="radio" name="status" value="a" checked="checked">A
<input type="radio" name="status" value="b">B
<input type="radio" name="status" value="c">C

取得例

js
var i = $('input[name=status]:checked').val();
// valueに設定されている a,b,c のいずれかが取得されます。

設定例

js
$('input[name=status]').val(['b']);

セレクトボックス

以下のようなhtml があった場合
html
<select  name="status">
<option value="a" selected="selected">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>

取得例

js
var i = $('select[name=status]').val();
// valueに設定されている a,b,c のいずれかが取得されます。

設定例

js
$('select[name=status]').val('b') ;
AUTHOR
@tanaka.k
最終更新日 2018/09/17
FAVORITE good stock
LINK TAG
記法を見る