我的HTML项目再次需要帮助。我在页面上有单选按钮，我想根据所选的单选按钮在文本框上显示输出。例如，如果我选择是，则输出应为"取件服务的处理项目"，如果我选择否，则输出应为"取件服务N/A"。目前，我拥有的代码显示"是"和"否"的值。如果我还需要代码来解决此问题怎么办？提前感谢！
<!DOCTYPE html>
<html>
<body>
<script>
function showInput(){
var ui1 = document.getElementById('pickup').value;
var ui2 = document.getElementById('xpickup').value;
document.getElementById('display').innerHTML = ui1 + 'n' + ui2 + 'n';
}
</script>
<form action="">
<p> For Pick-up Service? </p>
<input type="radio" id="pickup" name="pickup" value="Yes"> Yes<br>
<input type="radio" id="xpickup" name="pickup" value="No"> No<br>
</form>
<br>
<button type="submit" onclick="showInput();">Generate</button><br/>
<p><textarea name="generated notes" cols="75" rows="20" id='display' >
</textarea></p>
</body>
</html>
尝试：
var pickupradios = document.getElementsByName('pickup');
var pickupval;
for(var i = 0; i < pickupradios.length; i++){
if(pickupradios[i].checked) pickupval = pickupradios[i].value;
}
//then time to use pickupval
function showInput(){
var result = document.querySelector("input[name='pickup']").value;
if(result =='Yes'){
document.getElementById('display').value="process item for pickup service";
}
else if(result =='No'){
document.getElementById('display').value="pickup service N/A";
}
}
使用一些data属性。querySelectorAll()用于查找选中的值
function showInput() {
var res = document.querySelectorAll('input:checked')[0].dataset.print
document.getElementById('display').innerHTML = res;
}<form action="">
<p> For Pick-up Service? </p>
<input type="radio" id="pickup" name="pickup" value="Yes" data-print="process item for pickup service"> Yes<br>
<input type="radio" id="xpickup" name="pickup" value="No" data-print="pickup service N/a"> No<br>
</form>
<br>
<button type="submit" onclick="showInput();">Generate</button><br/>
<p><textarea name="generated notes" cols="75" rows="20" id='display'>
</textarea></p>您可以尝试以下代码，检查单选按钮值并设置内部HTML
<!DOCTYPE html>
<html>
<body>
<script>
function showInput(){
var value= document.querySelector('input[name="pickup"]:checked').value;
if(value=="Yes")
document.getElementById('display').innerHTML="process item for pickup service"
else
document.getElementById('display').innerHTML="pickup service N/A"
}
</script>
<form action="">
<p> For Pick-up Service? </p>
<input type="radio" name="pickup" value="Yes"> Yes<br>
<input type="radio" name="pickup" value="No"> No<br>
</form>
<br>
<button type="submit" onclick="showInput();">Generate</button><br/>
<p><textarea name="generated notes" cols="75" rows="20" id='display' >
</textarea></p>
</body>
</html>我认为这就是您要找的：
function showInput(){
var outputText;
if(document.getElementById('pickup').checked) {
outputText = "Process item for pickup service";
}else if(document.getElementById('xpickup').checked) {
outputText = "Pickup service N/A";
}
document.getElementById('display').innerHTML = outputText;
}