Javascript 显示在输入框中的单选按钮值

我在一个表单中有两个单选按钮组，分别名为group1和group2，group1和group2的值应显示在输入框名称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，嗨，我想你的意思是这样的

<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>

（函数（$）{
$（函数（）{
$（'input[type=“radio”]”）。单击（函数（e）{
value=$（“输入[name=group1]：选中”）.val（）+，'+$（“输入[name=group2]：选中”）.val（）；
$（'总大小'）.val（值）；
});
});
})（jQuery）；

我还使用了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.单击在所有情况下对我都不起作用

欢迎来到SO，halubilo Saya。到目前为止你试过什么？还有，你为什么要这么做？你已经有了这两个价值观——似乎这只会使事情复杂化。+1我看不出有明显的理由投反对票……是的，马丁，你是对的，这只会使事情复杂化，但客户需要。我正在尝试jquery.click函数和.val函数。但是我不能让它工作