javascript - 如何使用 Javascript 来保持选中并显示复选框的总数?

标签 javascript html

这段代码不起作用,我不确定为什么。

<html><body>
<form>
<input type="checkbox" name="a" onclick="updateTotal('a',5)">5<br>
<input type="checkbox" name="b" onclick="updateTotal('b',3)">4<br>
<input type="checkbox" name="c" onclick="updateTotal('c',4)">3<br>
TOTAL: &pound;
<script type="text/javascript">
    var total = 0;
    function updateTotal(row, val){
            global total;
            if (document.getElementByID(row_no).checked){
                total += price;
            }
            else {
                total -= price;
            }
            document.write(+total);
        }
    }
</script>
</body>
</html>

如何让它按照我想要的方式工作?感谢您的帮助。

最佳答案

它充满了 JS 错误......你可以在这里查看:http://www.jslint.com/

如果你想让它工作,你可以尝试这样的事情:

var total = 0;
updateTotal = function (row, val){
    if (document.getElementById(row).checked){
        total += val;
    }
    else {
        total -= val;
    }
    document.getElementById("total").innerHTML ="TOTAL: "+ total +"&pound;";
}
<form>
    <input type="checkbox" id="a" onclick="updateTotal('a',5)">5<br>
    <input type="checkbox" id="b" onclick="updateTotal('b',3)">4<br>
    <input type="checkbox" id="c" onclick="updateTotal('c',4)">3<br>
    <span id="total">TOTAL: &pound;</span>
</form>

关于javascript - 如何使用 Javascript 来保持选中并显示复选框的总数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34064452/

相关文章:

html - 在文本周围制作圆形边框

html - 如何在 slider 中使用中继器

javascript - 显示一个或多个元素及其已隐藏的内容

javascript - 正则表达式 - 将字符串转换为驼峰大写字母 `dot`

javascript - 如何将 cookie 与点击事件显示的内容一起使用? (HTML/CSS/jQuery)

jquery - div 设置为 100% 宽度和 100% 高度,但不继承父 div 的大小

jQuery nth-child 选择器跳过数字

javascript - Angular/Bootstrap : ng-hide not working properly

javascript - koa.js 基本应用总是返回 Not Found

javascript - Angular 自定义指令在 promise 解析后未设置值