使用 javaScript 从单选按钮获取值 [英] getting value from radio button using javaScript
本文介绍了使用 javaScript 从单选按钮获取值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试使用 Javascript 将值从单选按钮传递到下一个 HTML 页面.然而，我想出的 Javascript 似乎无法访问单选按钮.为什么?
HTML 代码:
<div id="frontContent"><p id ="levelContent">级别:</p><form id="levelSelection"><input type="radio" name="level" value="1" >Level 1</input><input type="radio" name="level" value="2">Level 2</input></表单><p id="startButton"><a href="index.html">开始</a></p><p id ="scoreBoard">最高分:<span id="score">0</span></p>Javascript 代码:
var radios = document.getElementsByName('level');警报(radios.length)；for (var i = 0, length = radios.length; i < length; i++) {如果(收音机 [i].checked){警报(无线电[i].值)；休息;}} 解决方案
此代码可能有帮助:
<身体><div id="frontContent"><p id ="levelContent">级别:</p><form id="levelSelection"><input type="radio" name="level" value="1" >Level 1</input><input type="radio" name="level" value="2">Level 2</input></表单><p id="startButton"><a href="index.html">开始</a></p><input type="button" onclick="clickButton()" value="clickMe"/><p id ="scoreBoard">最高分:<span id="score">0</span></p><脚本>var radios = document.getElementsByName('level');警报(radios.length)；功能点击按钮(){var radioVal = 0;for (var i = 0, length = radios.length; i < length; i++) {如果(收音机 [i].checked){警报(无线电[i].值)；radioVal = radios[i].value;休息;}}window.location.href="index.html?radioValue="+radioVal;}</html>
I'm trying to use Javascript to pass a value from a radio button to the next HTML page. However the Javascript I came up with seems to not able to access the radio buttons. Why?
HTML code:
<body>
<div id="frontContent">
<p id ="levelContent">Levels: </p>
<form id="levelSelection">
<input type="radio" name="level" value="1" >Level 1</input>
<input type="radio" name="level" value="2">Level 2</input>
</form>
<p id="startButton"><a href="index.html">Start</a></p>
<p id ="scoreBoard">Highest Score: <span id="score">0</span></p>
</div>
</body>
Javascript code:
var radios = document.getElementsByName('level');
alert(radios.length);
for (var i = 0, length = radios.length; i < length; i++) {
if (radios[i].checked) {
alert(radios[i].value);
break;
}
}
解决方案
This code might help:
<!DOCTYPE html>
<html>
<body>
<div id="frontContent">
<p id ="levelContent">Levels: </p>
<form id="levelSelection">
<input type="radio" name="level" value="1" >Level 1</input>
<input type="radio" name="level" value="2">Level 2</input>
</form>
<p id="startButton"><a href="index.html">Start</a></p>
<input type="button" onclick="clickButton()" value="clickMe"/>
<p id ="scoreBoard">Highest Score: <span id="score">0</span></p>
</div>
<script>
var radios = document.getElementsByName('level');
alert(radios.length);
function clickButton(){
var radioVal = 0;
for (var i = 0, length = radios.length; i < length; i++) {
if (radios[i].checked) {
alert(radios[i].value);
radioVal = radios[i].value;
break;
}
}
window.location.href= "index.html?radioValue="+radioVal;
}
</script>
</body>
</html>
这篇关于使用 javaScript 从单选按钮获取值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
