gpt4 book ai didi

php - 比较两个表单复选框是否已选中

转载 作者:行者123 更新时间:2023-11-28 21:22:49 25 4
gpt4 key购买 nike

我有两个或多个表格。每个表单都包含一些复选框和文本框中显示的检查值。我希望当我检查某些复选框时,总值(value)将显示在该表单的文本框中。 我希望当我选中一种表单的某些复选框时,其他表单的复选框不会被选中并返回警报。这是我的代码:

<head>
<script>function UpdateCost() {
var sum = 0;
var gn, elem;
for (i=0; i<5; i++) {
gn = 'budget'+i;
elem = document.getElementById(gn);
if (elem.checked == true) { sum += Number(elem.value); }
}
document.getElementById('totalcost').value = sum.toFixed(2);
}
</script>
</head>

<body>
// 1st form
<form name= "form1">
<input type="checkbox" id='budget0' value="9.99" onclick="UpdateCost()">Game 1 ( 9.99)<br>
<input type="checkbox" id='budget1' value="19.99" onclick="UpdateCost()">Game 2 (19.99)<br>
<input type="checkbox" id='budget2' value="27.50" onclick="UpdateCost()">Game 3 (27.50)<br>
<input type="checkbox" id='budget3' value="45.65" onclick="UpdateCost()">Game 4 (45.65)<br>
<input type="checkbox" id='budget4' value="87.20" onclick="UpdateCost()">Game 5 (87.20)<br>
<input type="text" id="totalcost" value="">// total budget
</form>
// 2nd form
<form name= "form2">
<input type="checkbox" id='budget0' value="9.99" onclick="UpdateCost()">Game 1 ( 9.99)<br>
<input type="checkbox" id='budget1' value="19.99" onclick="UpdateCost()">Game 2 (19.99)<br>
<input type="checkbox" id='budget2' value="27.50" onclick="UpdateCost()">Game 3 (27.50)<br>
<input type="checkbox" id='budget3' value="45.65" onclick="UpdateCost()">Game 4 (45.65)<br>
<input type="checkbox" id='budget4' value="87.20" onclick="UpdateCost()">Game 5 (87.20)<br>
<input type="text" id="totalcost" value="">// total budget
</form>

</body>

最佳答案

最重要的是 - ID 必须是唯一的 - 您不能添加具有相同 id 的两个元素。

将它们更改为name="budget[0]"等等。与 totalcost 相同 -> name="totalcost"

然后将您的函数修改为:

function UpdateCost(input) {
var elements = input.form.elements;
var sum = 0;
var resultElement;

for ( var i = 0; i < elements.length; i++ ) {
var element = elements[i];
if ( element.type == 'checkbox' && element.checked ) {
sum += parseFloat( element.value );
} else if ( element.type == 'text' ) {
resultElement = element;
}
}

element.value = sum;
}

现在将 onclick 事件更改为 onclick="UpdateCost(this)"

关于php - 比较两个表单复选框是否已选中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5816110/

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