Как мне получить либо мужскую ценность, либо женскую ценность, чтобы показать их из радиогруппы?
Привет,
Поэтому, когда пользователь нажимает кнопку "Отправить", я хочу, чтобы значения формы отображались под входными данными. Я не могу заставить значения радио показать. Я знаю, что мне, вероятно, нужно утверждение if/else, но, похоже, не могу понять его правильно. Пожалуйста помочь.
Спасибо!
<!DOCTYPE html>
#container {
margin: 40px auto 10px;
width: 500px;
background-color: yellow;
}
function getInfo() {
var strText = document.getElementById("firstName").value; var result = 'Your firstname is ' + strText;
document.getElementById('spanResult').textContent = result;
var strText2 = document.getElementById("lastName").value; var result2 = 'Your last name is ' + strText2;
document.getElementById('spanResult2').textContent = result2;
var strText3 = document.getElementById("address").value; var result3 = 'Your address is ' + strText3;
document.getElementById('spanResult3').textContent = result3;
var strText4 = document.getElementById("state").value; var result4 = 'You live in ' + strText4;
document.getElementById('spanResult4').textContent = result4;
var strText5 = document.getElementById("zip").value; var result5 = 'Your zip code is ' + strText5;
document.getElementById('spanResult5').textContent = result5;
var strText6 = document.getElementById("male").checked; var result6 = 'Your gender is ' + strText6;
document.getElementById('spanResult6').textContent = result6;
var strText7 = document.getElementById("female").checked; var result7 = 'Your gender is ' + strText7;
document.getElementById('spanResult7').textContent = result7;
}
<div id="container">
<h3>What is your first name?
</h3>
<h3>What is your last name?
</h3>
<h3>What is your address?
</h3>
<h3>What state do you live in?
</h3>
<h3>What is your zip code?
</h3>
<h3>What is your gender?<br>
male
<br>
female
<br>
</h3>
Submit <br>
<span id="spanResult"></span>
<br>
<span id="spanResult2"></span>
<br>
<span id="spanResult3"></span>
<br>
<span id="spanResult4"></span>
<br>
<span id="spanResult5"></span>
<br>
<span id="spanResult6"></span>
<br>
<span id="spanResult7"></span>
</div>
Что я уже пробовал:
<!DOCTYPE html>
#container {
margin: 40px auto 10px;
width: 500px;
background-color: yellow;
}
function getInfo() {
var strText = document.getElementById("firstName").value; var result = 'Your firstname is ' + strText;
document.getElementById('spanResult').textContent = result;
var strText2 = document.getElementById("lastName").value; var result2 = 'Your last name is ' + strText2;
document.getElementById('spanResult2').textContent = result2;
var strText3 = document.getElementById("address").value; var result3 = 'Your address is ' + strText3;
document.getElementById('spanResult3').textContent = result3;
var strText4 = document.getElementById("state").value; var result4 = 'You live in ' + strText4;
document.getElementById('spanResult4').textContent = result4;
var strText5 = document.getElementById("zip").value; var result5 = 'Your zip code is ' + strText5;
document.getElementById('spanResult5').textContent = result5;
var strText6 = document.getElementById("male").value;
var result6 = 'Your gender is ' + strText6;
document.getElementById('spanResult6').textContent = result6;
var strText7 = document.getElementById("female").value;
var result7 = 'Your gender is ' + strText7;
document.getElementById('spanResult7').textContent = result7;
}
<div id="container">
<h3>What is your first name?
</h3>
<h3>What is your last name?
</h3>
<h3>What is your address?
</h3>
<h3>What state do you live in?
</h3>
<h3>What is your zip code?
</h3>
<h3>What is your gender?<br>
male
<br>
female
<br>
</h3>
Submit <br>
<span id="spanResult"></span>
<br>
<span id="spanResult2"></span>
<br>
<span id="spanResult3"></span>
<br>
<span id="spanResult4"></span>
<br>
<span id="spanResult5"></span>
<br>
<span id="spanResult6"></span>
<br>
<span id="spanResult7"></span>
</div>