当前位置:数码通 > 动态

jquery 输出复选框总和

来源于 数码通 2023-10-04 07:55

jQuery 是一个非常流行的 JavaScript 库,可以轻松操作 HTML 页面中的元素。在处理表单中的复选框时,我们经常需要计算所选复选框的总和。我们来看看如何使用jQuery来实现这样的功能。

//选中所有名为“checkbox”的复选框
var allCheckbox = $('input[name="checkbox"]');
//绑定点击事件
allCheckbox.on('点击', function() {
//初始化计数器
变量总和= 0;
//循环遍历所有复选框
allCheckbox.each(function() {
//如果当前复选框被选中,则累加计数器
if ($(this).prop('已检查')) {
sum += parseInt($(this).val());
}
});
//将总和输出到页面
$('#sum').text(sum);
});

上面的代码中,我们首先选中所有名称为“checkbox”的复选框,并绑定点击事件。每次单击事件触发时,我们都会遍历所有复选框,如果选择了当前复选框,则增加计数器。最后,我们使用 ID 为“sum”的元素将计数器值输出到页面。

登录后参与评论