Значение кнопки радио в поле ввода

У меня есть две группы переключателей с именем group1 и group2 в форме, значение группы 1 и группы 2 должно появиться в имени поля ввода total_size без нажатия кнопки отправки формыЗначение кнопки радио в поле ввода

Пример:

<form> 
<input type="radio" id="m1" name="group1" value=1/> 
<input type="radio" id="m2" name="group1" value=2/> 

<input type="radio" id="cm1" name="group2" value=1/> 
<input type="radio" id="cm2" name="group2" value=2/> 


<input type="text" id="total_size" name="total_size" value="RADIO BUTTON GROUP 1 VALUE and RADIO BUTTON GROUP2 VALUE"/>

формат должен быть group1, group2m

источник

2011-12-14 halubilo Saya

Добро пожаловать на SO, halubilo Сая. что ты уже испробовал? Кроме того, зачем вам это нужно? У вас уже есть две ценности - кажется, что это только осложнит ситуацию. – graphicdivine

+1 Я не вижу явной причины для нисходящего ... –

Да, Мартин, вы правы, это просто осложнит ситуацию, но клиент требует. Я пытаюсь использовать функцию jquery .click и .val. но я не могу заставить его работать –

Привет Я думаю, что вы имеете в виду что-то вроде этого.

<form> 
<input type="radio" id="m1" name="group1" value='1' /> 
<input type="radio" id="m2" name="group1" value='2' /> 

<input type="radio" id="cm1" name="group2" value='1' /> 
<input type="radio" id="cm2" name="group2" value='2' /> 


<input type="text" id="total_size" name="total_size" value="RADIO BUTTON GROUP 1 VALUE and RADIO BUTTON GROUP2 VALUE"/> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
(function($) { 
    $(function() { 
     $('input[type="radio"]').click(function(e){ 
      value = $("input[name=group1]:checked").val() + ',' + $("input[name=group2]:checked").val(); 
      $('#total_size').val(value); 
     }); 
    }); 
})(jQuery); 
</script>

источник

2011-12-14 11:24:02

Большое спасибо Claudio Carta !!!!!! ОНО РАБОТАЕТ!!!! –

Я также использовал JQuery:

$('input[type=radio]').change(function() { 
    var v = ''; 
    $('input[type=radio]:checked').each(function() { 

     if (v != '') { 
      v += ','; 
     } 
     v += $(this).val(); 
    }); 

    $('#total_size').val(v); 
});

Вы можете сделать это много способов. В этом примере берутся значения всех проверенных радиогрупп. Поэтому, если у вас их будет больше, они тоже появятся.

Примечание:
1. Код будет выполняться при изменении значения
2. Нажмите не работает для меня во всех случаях

источник

2011-12-14 11:25:27

Значение кнопки радио в поле ввода

ответ

Смежные вопросы