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

<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 = ""/>

как я могу сохранить значение переключателя в скрытом поле. Если я нажимаю на изображение, оно сохраняет значение изображения.

Почему? Радиокнопка - это самостоятельный вход. Разве вы не можете просто использовать его значение, когда оно вам нужно?

— 07.11.2018 11:43

javascript jquery laravel

07.11.2018 11:22

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

423

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

$(document).ready(function(){
    var value = $('input[name = "yesno"]').click(function(){
      $('#radioCheck').val($(this).val());
    });
    setInterval(() => console.info( $('#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 предназначен только для печати значения скрытого поля каждую секунду, поэтому, когда вы нажимаете переключатель, вы можете видеть, что он устанавливает значение скрытого ввода

07.11.2018 11:37

Вот простое решение вашей проблемы: я написал один образец кода, чтобы объяснить проблему:

Первый: OnClick радиокнопки сохраняет значение радиокнопки, если он отмечен.

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.info($("#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>

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

07.11.2018 12:37