Question

<script>
    $(document).ready(function(){
        var value = $('input[name="yesno"]').change(function(){
            if($('#imageCheck').prop('checked')){
                // alert('Image Option checked!');
            }else if($('#textCheck').prop('checked')){
                // alert('Text Option Checked!');
            }
        });
    });
</script>

<input type="radio" onclick="javascript:imageTextCheck();" name="yesno" 
  id="imageCheck"/>&nbsp&nbsp&nbsp<b>Text</b>
<input type="radio" onclick="javascript:imageTextCheck();"name="yesno" 
  id="textCheck"/>

<input type="hidden" name="radioCheck" id="radioCheck" value=""/>

我如何在隐藏字段中保存单选按钮的值。如果我单击图像，则会保存图像值。

Answer 1

$(document).ready(function(){
    var value = $('input[name="yesno"]').click(function(){
      $('#radioCheck').val($(this).val());
    });
    setInterval(() => console.log( $('#radioCheck').val() ), 1000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="yesno" value="imageCheck" id="imageCheck"/><label for="imageCheck">imageCheck</label>
<br />
<input type="radio" name="yesno"value="textCheck" id="textCheck"/><label for="textCheck">textCheck</label>
<input type="hidden" name="radioCheck" id="radioCheck" value=""/>

希望这对您有帮助：）

setInterval只是每秒钟打印出隐藏字段的值，因此当您单击单选按钮时，您会看到它设置了隐藏输入的值

Answer 2

这是解决您问题的简单方法：我编写了一个代码示例来说明问题：

第一：单选按钮的OnClick保存选中的单选按钮的值。

var radioValue = $（“ input [name ='yesno']：checked”）。val（）;

第二：将选中的单选按钮值分配给隐藏的输入字段。

$(document).ready(function(e) {

  $("input[type='radio']").click(function(){
      var radioValue = $("input[name='yesno']:checked").val();      
      if(radioValue) {   
          $("#radioCheck").val(radioValue);
          console.clear();
          console.log($("#radioCheck").val());
      }
   });
    
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="image_radioButton">
<input id="image_radio_check" value="imageButtonChecked" type="radio" class="radio_button" name="yesno" /> Image Radio Button
</div>


<div class="text_radioButton">
<input id="text_radio_check" value="textButtonChecked" type="radio" class="radio_button" name="yesno" />Text Radio Button
</div>

<div class="hidden_input"> 
  <input type="hidden" name="radioCheck" id="radioCheck" value=""/>
</div>

希望这可以帮助您解决问题。

如何在隐藏字段中保存单选按钮单击的值？

2 个答案: