Как сохранить значение переключателя в скрытом поле?

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

Вот простое решение вашей проблемы: я написал один пример кода для объяснения проблемы:

Первый : при щелчке переключателя сохранить значение переключателя, если оно установлено.

var radioValue = $ ("input [name = 'yesno']: флажок"). 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>

Надеюсь, это поможет вам решить вашу проблему.

Answer 2

$(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 просто распечатывает значение скрытого поля каждую секунду, поэтому, когда вы нажимаете переключатель, вы можете видеть, что он устанавливает значение скрытого ввода