gpt4 book ai didi

javascript - 为每个单选按钮分配 2 个值

转载 作者:行者123 更新时间:2023-11-30 09:51:53 25 4
gpt4 key购买 nike

我正在尝试为每个单选按钮分配 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> 中删除了那些标签。

见下文:

<!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>

关于javascript - 为每个单选按钮分配 2 个值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36032377/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com