复选框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="全不选"/>