問題
jQueryでフォームのラジオボタンで選択された項目の値を取得するには？
解決策
「$("form input[type='radio']:checked").val()」を行うことで、ラジオボタンで選択された項目の値を取得することができる。
ラジオボタンで選択された項目の値を取得する
jQueryでフォームのラジオボタンで選択された項目の値を取得する方法をご紹介します。
DEMOはこちら
フォームの作成
まず、フォームの作成を行います。
HTML
<form action="" method="post" class="radio">
<p class="ta_center">
<label><input type="radio" name="radiobutton" value="項目01" checked> 項目01</label><br>
<label><input type="radio" name="radiobutton" value="項目02"> 項目02</label><br>
<label><input type="radio" name="radiobutton" value="項目03"> 項目03</label>
</p>
<p class="formbottom"><input type="button" value="選択されたラジオボタンの値をアラートで表示する" class="btns"></p>
</form>選択されたラジオボタンの値をアラートで表示する記述例
選択されたラジオボタンの値をアラートで表示する記述例は以下となります。
$("form.radio input[type='button']").click(function(){
alert( $("form.radio input[type='radio']:checked").val() );
});ポイント!
-
- 「$(“form input[type=’radio’]:checked”).val()」を行うことで、ラジオボタンで選択された項目の値を取得することができます。
参照
以下のサイトが、より詳しく解説してくれています。
【【jQuery】ラジオボタンの選択されている項目の取得 at softelメモ】
https://www.softel.co.jp/blogs/tech/archives/2894
この記事のカテゴリを含む記事一覧
コメント