jquery - ラジオボタンから値を取得するための最良の方法

Question

    <input type="radio" name="group1" value="Milk"> Milk<br>
    <input type="radio" name="group1" value="Butter"> Butter

$("????").change(function(){
   alert($(this).val());
})

1つの名前を持つ2つの入力から現在のチェック値を取得するための最良の方法はどのようになっていますか？ラジオMilkをクリックすると、「Milk」などが表示されます。これにクラスを追加して現在の値を表示できますが、これが最良の方法ですか？

Answer 1

複数のラジオボタンのグループとしても機能する名前を使用できます。タイプを使用できますが、イベントをページ上のすべてのラジオボタンにバインドします。

$('input[name=group1]').change(function(){
   alert($(this).val());
})

Answer 2

このように：作業デモ http://jsfiddle.net/VtcPB/1/

よく読んでください：http：//api.jquery.com/attribute-equals-selector/

また、@ Casperがgroup使用について言ったように：$('input[name ="group1"]') デモ http://jsfiddle.net/VtcPB/2/

または、代わりに 使用して、もう少し最適化されたhttp://jsfiddle.net/VtcPB/3/this.value$(this).val()

またはより正確なデモを備えた別のもの：http ：//jsfiddle.net/VtcPB/4/

お役に立てれば

コード

$("input:radio[name=group1]").click(function() {
    alert($(this).val());
});​

また

$('input[name ="group1"]').on('change',function(){
   alert(this.value);
})​

また

$('input[type="radio"]').on('change',function(){
   alert($(this).val());
})​

また

   <input type="radio" name="group1" value="Milk"> Milk<br>
    <input type="radio" name="group1" value="Butter"> Butter

$('input[type="radio"]').change(function(){
   alert($(this).val());
})

Answer 3

無線タイプ入力への別のアプローチ：

$('input:radio[name=group1'].change(function()
{
    alert($(this).val());
}