JQuery Checkbox 获取多选值 Checkbox选中个数

最新推荐文章于 2020-11-05 19:03:19 发布

weixin_34072458

最新推荐文章于 2020-11-05 19:03:19 发布

阅读量1.2k

点赞数

文章标签： javascript ViewUI

本文介绍了使用jQuery获取页面上被选中的checkbox数量及它们的值的方法。通过示例代码展示了如何在点击事件中遍历所有选中的checkbox，并将它们的值拼接成一个字符串，适用于批量更新操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、获取checkbox选中个数

$("input[name='ckb-jobid']:checked").length
$("input[type='checkbox']:checked").length;

2、获取选中的值

//批量处理
$('#batchUpdate').on("click", function () {
    var str = "";
    $("input[name='ckb-jobid']:checked").each(function (index, item) {
        
        if ($("input[name='ckb-jobid']:checked").length-1==index) {
            str += $(this).val();
        } else {
            str += $(this).val() + ",";
        }  
    });
});