javascript - 使用另一个属性代替输入值来更新总计

Question

基本上，下面的代码根据选择的复选框/单选按钮在 id="total"范围内创建订单总计。总数是由复选框/单选按钮的值更改的，但是我想知道是否有其他方法可以在不使用输入值的情况下更改总数，因为它在表单的下一部分中需要。也许另一个输入属性？我只是不知道该怎么做。

非常感谢您的帮助，谢谢!

<form action="cart.php" method="post" name="builder">
<input checked="checked" type="radio" name="term" value="12" onclick='check_value(this, 1)' />
<input type="radio" name="term" value="24" onclick='check_value(this, 2)' />
<input type="radio" name="term" value="36" onclick='check_value(this, 3)' />

<input type="checkbox" name="cid[]"  value="2" onclick='check_value(this, "")' />
<input type="checkbox" name="cid[]"  value="3" onclick='check_value(this, "")' />
<input type="checkbox" name="cid[]"  value="4" onclick='check_value(this, "")' />

Total Order: $<span id="total">36</span>
</form>

function check_value(curElem, id) {
            // calculate Total
            var total = 0;
            var controls = document.getElementsByTagName('input');
            for (var i = 0; i < controls.length; i++) {
                if ((controls[i].type === 'radio' || controls[i].type === 'checkbox') && controls[i].checked) {
                    total = total + parseFloat(controls[i].value);
                }
            }
            document.getElementById("total").innerHTML = total;
            //alert("Total: " + total);
        }  

Answer 1

如果您确实想使用其他属性，请使用它

使用您选择的属性，例如 nval 并以 controls[i].getAttribute("nval") 方式访问它

否则，

您可以在页面中创建大量隐藏输入字段，让每个复选框保存您的值。并使用这些隐藏字段来计算总数。