ラジオボタンなどをシステムで動的に出力する事が多々あると思います。
ココでは、ラジオボタンを動的に出力した際、デフォルト選択状態をjqueryで設定する方法をご紹介します。
ちなみにサンプルは、ラジオボタンの選択値を配列で受け取るために、
同じ名前で配列化しています。
name属性が配列形式にしているのでご注意ください。
(既にチェックされている場合に、デフォルト選択値で上書きしないため)
「eq(0)」にする事で「sex[]」の名前属性を持つradioの最初(ここでは男)をチェックしています。
ココでは、ラジオボタンを動的に出力した際、デフォルト選択状態をjqueryで設定する方法をご紹介します。
ちなみにサンプルは、ラジオボタンの選択値を配列で受け取るために、
同じ名前で配列化しています。
HTMLのサンプル
男単純に性別のラジオボタンです。
女
name属性が配列形式にしているのでご注意ください。
jqueryのサンプル
var sex_check = $(':radio[name="sex[]"]:checked').val(); if (sex_check == null) { $(':radio[name="sex[]"]:eq(0)').attr("checked", true); }サンプルでは、「sex_check」変数にチェックしている場合の値を設定しています。
(既にチェックされている場合に、デフォルト選択値で上書きしないため)
「eq(0)」にする事で「sex[]」の名前属性を持つradioの最初(ここでは男)をチェックしています。
0 コメント:
コメントを投稿