JQ-获取选中的Checkbox

最新推荐文章于 2021-12-16 11:18:43 发布

半笙彷徨

最新推荐文章于 2021-12-16 11:18:43 发布

阅读量820

点赞数

分类专栏： JS 前端文章标签： Jq 获取选中Checkbox

本文链接：https://blog.csdn.net/wang704987562/article/details/81043309

版权

JS 同时被 2 个专栏收录

27 篇文章 2 订阅

订阅专栏

前端

27 篇文章 1 订阅

订阅专栏

使用JQuery获取选中的Checkbox：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
    <input type="checkbox" name="test" value="1" checked/>
    <input type="checkbox" name="test" value="2" checked/>
</body>
<script type="text/javascript">
    //选中状态数组的长度
    console.log($(":checked").length);
    $(":checked").each(function (index, value) {
        //index是循环下标,从0开始
        console.log(index + ":" + $(this).val());
    });
</script>
</html>