javascript - 如何用Javascript计算选中的复选框?

标签 javascript jquery html checkbox

我想对选中的复选框进行计数并在 Div 中显示计数。

这是我的 HTML :

<form name="liste_figurine" method="post">

<input type="checkbox" id="radio-1" class="z" name="chck1[]" onclick="updateCount()" />
<input type="checkbox" id="radio-2" class="z" name="chck2[]" onclick="updateCount()" />

</form>

<div id="y"></div>

这是我的 JS:

function updateCount {
    var x = $(".z:checked").length;
    document.getElementById("y").innerHTML = x;
};

这里是一个例子:https://jsfiddle.net/r3todbs6/3/

抱歉,我不太习惯 JS...我的代码有什么问题吗?

<小时/>

最后,它可以工作了,但我还有最后一个问题:onclick 必须包含 2 个函数,但我无法让它们一起工作。

现在这个函数可以单独工作了:onclick="updateCount()"

这个其他函数也可以单独使用: onclick="document.getElementById(\'radio-'.$ligne['id'].'-2\‌​').c‌​hecked = false"

但这两个函数不能一起工作: onclick="updateCount(); fx2(document.getElementById(\'radio-'.$ligne['id'].'-1\').ch‌​ecked = false);"

第三个命题有什么问题?是语法错误吗?

最佳答案

window.updateCount = function() {
    var x = $(".z:checked").length;
    document.getElementById("y").innerHTML = x;
};

https://jsfiddle.net/73yfczcj/

试试这个。你必须在javascript设置中使用jquery。

关于javascript - 如何用Javascript计算选中的复选框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43106202/

相关文章:

javascript - 如何在使用 Javascript 计算时在字段中没有输入值时删除 NaN

javascript - 使用添加的括号调用函数时函数不运行(即使它不需要参数)

javascript - Wing IDE 中的 CoffeeScript 语法高亮显示

jquery - Browserify-shim 无法解决依赖关系

Javascript/jQuery 运行太快 - 在重新加载页面时有效

javascript - 单击链接 -> 设置 cookie -> 加载附加样式表

javascript - 如何设置文本以在 IF ELSE 上更改颜色导致带有 javascript 的 Thingsboard 小部件?

javascript - 尝试使用 jQuery remove() 函数删除选择框

html - IE 11 伪元素::之前的绝对背景

javascript - 在 jquery 中输入更改时更新变量