input之checkbox用法

最新推荐文章于 2023-12-02 19:20:21 发布

原创最新推荐文章于 2023-12-02 19:20:21 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

java基础同时被 2 个专栏收录

27 篇文章

订阅专栏

html

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript批量处理网页上复选框的方法。通过两个函数实现了获取已选中的复选框值及全选/全不选的功能。此方法适用于需要对多个选项进行快速管理的场景。

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

            function getFids(){
                fids="";
                $('input[name="chBox"]:checked').each(function(){
                    fids+=$(this).val()+",";
                });
                fids=fids.substring(0,fids.length-1);
                alert(fids);
            }
            function getAllFids(){
                fids="";
                if($('input[name="allBox"]').attr("checked")){//全选判定全选菜单是否选中
                    $('input[name="chBox"]').each(function(){
                        $(this).attr("checked",true);
                        //alert($(this).attr("checked"));
                        fids+=$(this).val()+",";
                        fids=fids.substring(0,fids.length-1);
                    });
                }
                else{
                    $('input[name="chBox"]').each(function(){//遍历所有name位chBox的复选框
                        $(this).attr("checked",false);
                        //alert($(this).attr("checked"));
                        fids="";
                    });
                }
                //fids=fids.substring(0,fids.length-1);
                //alert(fids);
            }