Как мне получить информацию о переключателях опроса на следующей странице HTML?Использование локального хранилища и чистого JavaScript - PullRequest
Новая
       13

Как мне получить информацию о переключателях опроса на следующей странице HTML?Использование локального хранилища и чистого JavaScript

0 голосов
/ 26 апреля 2019

Я пытаюсь создать страницу ответа с информацией о пользователе из формы опроса. Тем не менее, я не могу получить данные для переключателей. Это показывает «на». Любая помощь? 

<!--Survey form-->
<label for="gender" class="question">Gender:</label>
<ol>
<li>
<input type="radio" id="female" name="gender" checked/>
<label class="gender" for="female">Female</label>
</li>

<li>
<input type="radio" id="male" name="gender" />
<label class="gender" for="male">Male</label>
</li>
</ol>
<input type="button" value="Submit Me" name="doIt" />

<!--JS-->
function (doIt){
var checkedValue = null;
var inputElements = document.getElementsByName('gender');

for (var i=0; inputElements[i]; i++){
    if (inputElements[i].checked){
    checkedValue = inputElements[i].value;
    break;
    }
 }
localStorage.setItem("userGender", checkedValue);

window.location = "response.htm";
}
document.getElementsByName("doIt")[0].onclick = doIt;

<!--Response page-->
<script>
  document.write("Gender:"+localStorage.getItem("userGender"))
</script>

1 Ответ

0 голосов
/ 26 апреля 2019

Вам необходимо установить атрибут значение для своих переключателей, например, 

<ol>
  <li>
    <input type="radio" **value="female"** id="female" name="gender" checked/>
      <label class="gender" for="female">Female</label>
  </li>

  <li>
    <input type="radio" id="male" **value="male"** name="gender" />
    <label class="gender" for="male">Male</label>
  </li>
</ol>

Значение указывает возвращаемое значение, когда переключатель или флажок установлен / выбран.

...