Получить значение выбранной радиокнопки?

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

Try:

1) Используйте .change() событие для проверки при нажатии кнопки радио щелкнул

2) $('input[name=radiobutton]:checked').val(), чтобы получить выбранное значение кнопки радио

$('.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