复选框JS取值

来源:互联网 发布:视频转发软件 编辑:程序博客网 时间:2024/06/05 07:36
<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="全不选"/>