我试图为每个单选按钮分配 2 个值,以在 2 个字段中输出。但这不起作用。这是我使用的代码:
<!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>
你在这里有几个不同的问题。
首先,answerB
文本字段需要有它的value
设置,不valueB
放。其次,您将两者设置为相同的值。
所以,而不是通过this.value
进入check
函数,只需通过this
。然后你可以使用.getAttribute('valueB')
访问您的自定义属性。
另外,不要在 html 标签中添加逗号。我把那些从你的<input>
tags.
见下文:
<!DOCTYPE html>
<html>
<head>
<script>
function check(browser) {
document.getElementById("answer").value=browser.value;
document.getElementById("answerB").value=browser.getAttribute('valueB');
}
</script>
</head>
<body>
<p>What's your favorite browser?</p>
<form>
<input type="radio" name="browser" onclick="check(this)" value="400mb" valueB="600mb">Internet Explorer<br>
<input type="radio" name="browser" onclick="check(this)" value="600mb" valueB="700mb">Firefox<br>
<input type="radio" name="browser" onclick="check(this)" value="500mb" valueB="500mb">Opera<br>
<input type="radio" name="browser" onclick="check(this)" value="500mb" valueB="500mb">Google Chrome<br>
<input type="radio" name="browser" onclick="check(this)" 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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)