Радиокнопка, возвращающая неопределенное значение - PullRequest
Новая
       6

Радиокнопка, возвращающая неопределенное значение

1 голос
/ 05 мая 2019

Я пытаюсь написать программу, в которой пользователь нажимает переключатель с выбором. Когда они нажимают кнопку «Отправить», они переходят на страницу, которая изменяется в зависимости от нажатой кнопки-переключателя. Я должен использовать node.js и шаблон ejs, а переключатель продолжает возвращаться неопределенным. Как заставить переключатель возвращать значение, а затем как на странице отобразить уникальный текст, основанный на этом значении?

Я работал над этим в течение нескольких дней, и, похоже, решение не работает. 


        <input name="imagePick" value="2" type="radio" id="two" onclick="javascript:check();">
        <label for="two">
            <img src="images/taurus.png" alt="taurus" height="150" width="auto">
        </label>

        <input name="imagePick" value="3" type="radio" id="three">
        <label for="three">
            <img src="images/cancer.jpg" alt="gemini" height="150" width="auto">
        </label>

var sign = $('input[name="imagePick"]:checked').val();
console.log("the sign is: " + sign);

//I want the variable sign to be the value of the radio button clicked

1 Ответ

0 голосов
/ 06 мая 2019

Ваш код работает нормально. В приведенном ниже фрагменте код совпадает с вашим, за исключением того, что я заменил ваш onclick на обработчик onchange на обеих переключателях.

Ваш исходный код как есть, также работает (для одной радиокнопки, к которой прикреплен обработчик onclick).

Итак, как прокомментировал Адриано, возможно, что ваши библиотеки jQuery загружены неправильно. 

$("input[name='imagePick']").on("change", function() {
  var sign = $('input[name="imagePick"]:checked').val();
  console.log("the sign is: " + sign);

  //I want the variable sign to be the value of the radio button clicked
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input name="imagePick" value="2" type="radio" id="two">
        <label for="two">
            <img src="images/taurus.png" alt="taurus" height="150" width="auto">
        </label>

        <input name="imagePick" value="3" type="radio" id="three">
        <label for="three">
            <img src="images/cancer.jpg" alt="gemini" height="150" width="auto">
        </label>
...