复选框JS取值

最新推荐文章于 2020-05-07 18:38:30 发布

网络剑客

最新推荐文章于 2020-05-07 18:38:30 发布

阅读量815

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jQuery技术 JS技术

本文链接：https://blog.youkuaiyun.com/dongsg11200/article/details/12097947

JS技术同时被 2 个专栏收录

24 篇文章

订阅专栏

jQuery技术

20 篇文章

订阅专栏

<javascript>
 $(function(){
            //全选
            $("#CheckedAll").click(function(){
                $('[name=items]:checkbox').attr('checked', true);
                var str="";
                $('[name=items]:checkbox:checked').each(function(){
                    str+=$(this).val()+",";
                })
                //处理掉后面的逗号
                var re = /,{1,}/g;
                str = str.replace(re,',');
                str = str.replace(/,$/,"");
                $("#cat").val(str);
            });
            //全不选
            $("#CheckedNo").click(function(){
                $('[type=checkbox]:checkbox').attr('checked', false);
                var str = 0;
                $("#cat").val(str);
            });
        })

        //选择分类取值
        function dddx(){
            var str="";
            $('[name=items]:checkbox:checked').each(function(){
                str+=$(this).val()+",";
            })
            //处理掉后面的逗号
            var re = /,{1,}/g;
            str = str.replace(re,',');
            str = str.replace(/,$/,"");
            if(str!=''){
                $("#cat").val(str);
            }else{
                $("#cat").val(0);
            }
        }

    </script>

    <input type="hidden" name="cat" id="cat" value="" />

   你爱好的运动是？
   <br/>
    <input type="checkbox" name="items" value="足球" onclick="return dddx()"/>足球
	<input type="checkbox" name="items" value="篮球" onclick="return dddx()"/>篮球
	<input type="checkbox" name="items" value="羽毛球" onclick="return dddx()"/>羽毛球
	<input type="checkbox" name="items" value="乒乓球" onclick="return dddx()"/>乒乓球
   <br/>
    <input type="button" id="CheckedAll" value="全　选"/>
    <input type="button" id="CheckedNo" value="全不选"/>