为每个单选按钮分配2个值 [英] Assign 2 Values to each radio button
本文介绍了为每个单选按钮分配2个值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试为每个单选按钮分配2个值,以输出2个字段。但它不起作用。这里的代码使用:
I'm trying to assign 2 values to each radio button, to output in 2 fields. But it doesn't work. Here the code im using:
<!DOCTYPE html>
<html>
<head>
<script>
function check(browser) {
document.getElementById("answer").value=browser;
document.getElementById("answerB").valueB=browser;
}
</script>
</head>
<body>
<p>What's your favorite browser?</p>
<form>
<input type="radio" name="browser" onclick="check(this.value)" value="400mb", valueB="600mb">Internet Explorer<br>
<input type="radio" name="browser" onclick="check(this.value)" value="600mb", valueB="700mb">Firefox<br>
<input type="radio" name="browser" onclick="check(this.value)" value="500mb", valueB="500mb">Opera<br>
<input type="radio" name="browser" onclick="check(this.value)" value="500mb", valueB="500mb">Google Chrome<br>
<input type="radio" name="browser" onclick="check(this.value)" value="300mb", valueB="300mb">Safari<br>
<br>
PC Min Ram Requirement is: <input type="text" id="answer" size="20">
Mac Min Ram Requirement is: <input type="text" id="answerB" size="20">
</form>
</body>
</html>
推荐答案
我使用 string.split修复了你的代码,没有任何外部库。您还尝试在目标输入
上访问 valueB
时出现引用错误。
I fixed your code by using string.split, and without any external libraries. You also had a reference error trying to access valueB
on the target input
.
<!DOCTYPE html>
<html>
<head>
<script>
function check(browser) {
var splitValues = browser.split(';');
document.getElementById("answer").value=splitValues[0];
document.getElementById("answerB").value=splitValues[1];
}
</script>
</head>
<body>
<p>What's your favorite browser?</p>
<form>
<input type="radio" name="browser" onclick="check(this.value)" value="400mb;600mb">Internet Explorer<br>
<input type="radio" name="browser" onclick="check(this.value)" value="600mb;700mb">Firefox<br>
<input type="radio" name="browser" onclick="check(this.value)" value="500mb;500mb">Opera<br>
<input type="radio" name="browser" onclick="check(this.value)" value="500mb;500mb">Google Chrome<br>
<input type="radio" name="browser" onclick="check(this.value)" value="300mb;300mb">Safari<br>
<br>
PC Min Ram Requirement is: <input type="text" id="answer" size="20">
Mac Min Ram Requirement is: <input type="text" id="answerB" size="20">
</form>
</body>
</html>
这篇关于为每个单选按钮分配2个值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文