選択したラジオボタンの値を取得しますか？

Question

はどのようにして非表示の入力フィールド「selectedquantity」の値が内側選択したラジオボタンと出力することの価値を得るのですか？

<div class="quantityselect"> 
 
    <input type="radio" id="quantity0" name="radiobutton" value="50"> 
 
    <label for="quantity0"> 
 
    </label> 
 
    <input type="radio" id="quantity1" name="radiobutton" value="100"> 
 
    <label for="quantity1"> 
 
    </label> 
 
</div> 
 

 

 
<input id="selectedquantity" type="hidden" name="quantity" value="">

Answer 1

は、あなたの隠された値でチェック値を設定するには、隠しフィールドに保存されます：

$('#selectedquantity').val($("[name='radiobutton']:checked").val()); 

changeイベントで包み、そしてそれがそうなっているはずですこのようmething：

$(document).ready(function() { 
    $("[name='radiobutton']").change(function() { 
    $('#selectedquantity').val($("[name='radiobutton']:checked").val()); 
    }); 
}); 

あなたがここにデモを見ることができます：https://jsfiddle.net/k5y9gyf3/3/

Answer 2

これを試してみてください：

$(document).on('click','input[type="radio"]', function(e){ 
    $(document)find('#selectedquantity').val($(this).val()); 
}); 

Answer 3

まず、ラジオボタンにchangeイベントハンドラを添付したいです。次に、呼び出されると、ラジオの値を取得し、それを入力の値として設定します。私が使用したセレクタは変更する必要があるかもしれませんが、ロジックはそこにあります。

$(document).ready(function() { 
 
    
 
    $('input[type="radio"]').change(function() { 
 
    $('#selectedquantity').val($(this).val()); 
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="quantityselect"> 
 
    <input type="radio" id="quantity0" name="radiobutton" value="50"> 
 
    <label for="quantity0"> 
 
    </label> 
 
    <input type="radio" id="quantity1" name="radiobutton" value="100"> 
 
    <label for="quantity1"> 
 
    </label> 
 
</div> 
 

 
<!-- un-hidden for demonstration --> 
 
<input id="selectedquantity" type="text" name="quantity" value="">

Answer 4

試してみてください。

1）ラジオボタンが

2をクリックしたときに、ラジオボタンの選択された値を取得するために）チェックする$('input[name=radiobutton]:checked').val()を.change()イベントを使用し

$('.quantityselect input').on('change', function() { 
 
     alert($('input[name=radiobutton]:checked').val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div class="quantityselect"> 
 
    <input type="radio" id="quantity0" name="radiobutton" value="50"> 
 
    <label for="quantity0"> 
 
    </label> 
 
    <input type="radio" id="quantity1" name="radiobutton" value="100"> 
 
    <label for="quantity1"> 
 
    </label> 
 
</div>

Answer 5

ここでは行きます！あなたが選択するいずれのオプションを使用しinput[name=radiobutton]

$('input[name=radiobutton]').click(function(){ 
    //alert($(this).val()); 
    $('#selectedquantity').val($(this).val()); 
    alert($('#selectedquantity').val()); 
}); 

では、次のコードを使用することができ、

Here is the demo