jquery - jqueryによるラジオボタンの値

Question

次のような小さなコードがあります。

<?php while($plan = mysql_fetch_array($plan_values)){?>
         <input type="radio"  name="bus_plan" value="<?php echo $plan['plan_id']; ?>" />
         <a href="plan-tariff.php?plan_name=<?php echo $plan['plan_name']; ?>" target="_blank">
               <span class="radiotxt"><?php echo $plan['plan_name']; ?></span>
         </a>
         <br clear="all" />
<?php } ?>

上記の while 条件により、値が 1,2 および 8 である 3 つのラジオ ボタンを取得しています。今私の質問は、上記のボタンのいずれかをチェックしているときにラジオボタンの値を取得する方法です。

Answer 1

これを試して

<input type="radio"  name="bus_plan" id="smallBtn" value="1" onClick="alert(this.value)"  />
<input type="radio"  name="bus_plan" id="smallBtn" value="2" onClick="alert(this.value)" />
<input type="radio"  name="bus_plan" id="smallBtn" value="8" onClick="alert(this.value)"  />

または、 TryThisの代わりに this の関数を作成することもできますalert

Answer 2

これを試してください：http://jsfiddle.net/4haQQ/

最初に JQuery ライブラリを含め、次のように開始タグで jquery コードをラップすることを忘れないでください。

$(document).ready(function(){
//CODE HERE
});

Answer 3

$('input:radio[name=bus_plan]:checked').val();

Answer 4

このコードをページの head セクションに挿入します。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"/>
<script type="text/javascript">
$(document).ready(function(){
    $("input:radio[name=bus_plan]").click(function(){
        var value = $(this).val();
        alert(value);
    });
});
</script>

ラジオ ボタンをクリックすると、このコードはそのラジオ ボタンの値を表示します。うまくいかない場合は、お気軽にお問い合わせください。