美文网首页
[jquery]获取CheckBox所有选中项

[jquery]获取CheckBox所有选中项

作者: 我胖故我壮 | 来源:发表于2019-12-21 00:01 被阅读0次

问题:前端有多个复选框,这时我们需要获取选中的复选框

        <input type="checkbox" name="" id="" value="v1" />
        <input type="checkbox" name="" id="" value="v2" />
        <input type="checkbox" name="" id="" value="v3" />
        <input type="checkbox" name="" id="" value="v4" />
        <input type="checkbox" name="" id="" value="v5" />
        <input type="button" name="" id="a" value="点击按钮" />

        <script type="text/javascript">
            $("#a").click(function(){
                $.each($('input:checkbox:checked'),function(){
                    alert("选中有:"+$(this).val());
                });
            });
        </script>

其中的each是遍历出所有选中复选框元素,$(this)是遍历时当前选中的元素。
其中的

$('input:checkbox:checked')

也可以写成

$('input[type=checkbox]:checked')

都表示获取所有被选中的复选框,返回的是一个js数组。

(如有谬误,敬请指正,谢谢)

相关文章

网友评论

      本文标题:[jquery]获取CheckBox所有选中项

      本文链接:https://www.haomeiwen.com/subject/hbswnctx.html