Html过滤表单。Javascript没有';不允许超过一个字段

Html过滤表单。Javascript没有';不允许超过一个字段,javascript,html,Javascript,Html,我正在尝试构建一个类别过滤器。它可以工作,但是我正在尝试添加另一个表单字段 用于多种选择的单选按钮。但是,只能选择1个按钮。如果我从按钮工作的第一个表单字段中单击一个单选按钮,但是如果我在另一个表单字段中单击一个单选按钮,它将选择该单选按钮,我需要能够同时选择两者。但复选框输入类型仍然有效 在这里拉小提琴: HTML: <style>.body .item .textnoimgleftlarge {width: auto;margin: 0;padding: 0;}</styl

我正在尝试构建一个类别过滤器。它可以工作,但是我正在尝试添加另一个表单字段 用于多种选择的单选按钮。但是,只能选择1个按钮。如果我从按钮工作的第一个表单字段中单击一个单选按钮,但是如果我在另一个表单字段中单击一个单选按钮,它将选择该单选按钮,我需要能够同时选择两者。但复选框输入类型仍然有效

在这里拉小提琴:

HTML:

<style>.body .item .textnoimgleftlarge {width: auto;margin: 0;padding: 0;}</style>
<div class="filterGenius">
<form name="PC">
<table>
<tr>
<td colspan="3"><h3>Desktop filter</h3><br></td>
<td></td>
<td colspan="2"><a class="filterGeniusButton" onclick="removeFSS()">Clear all filters</a></td>
<td></td>
</tr>
<tr>
<td width="60px"><b>CPU</b></td>
<td><label><input type="radio" name="processor" value="C2D"/><span>C2D</span></label></td>
<td><label><input type="radio" name="processor" value="DC-"/><span>Dualcore</span></label></td>
<td><label><input type="radio" name="processor" value="i3-"/><span>i3</span></label></td>
<td><label><input type="radio" name="processor" value="i5-"/><span>i5</span></label></td>
<td><label><input type="radio" name="processor" value="i7-"/><span>i7</span></label></td>
</tr>


<tr>
<td width="60px"><b>Specifications</b></td>
<td><label><input type="checkbox" name="processor" value="SSD"/><span>SSD</input></span></label>            </td>
<td><label><input type="checkbox" name="processor" value="WLAN"/><span>WLAN</input></span> </label></td>
<td><label><input type="checkbox" name="processor" value="W7P"/><span>W7P</input></span></td>
<td><label><input type="checkbox" name="processor" value="W8P"/><span>W8P</input></span></td>
</tr>
<tr>
<td></td>
<td><label><input type="checkbox" name="processor" value="SFF"/><span>SFF</input></span></label>   </td>
<td><label><input type="checkbox" name="processor" value="AIO"/><span>All in one</input></span>   </label></td>
<td></td>
<td></td>
</tr>
</table>
</form>
</div>
.body.item.textnoimgleftlarge{宽度:自动;边距:0;填充:0;}
桌面过滤器
清除所有过滤器 中央处理器 C2D 双核 i3 i5 i7 规格 固态硬盘 无线局域网 W7P W8P SFF 一应俱全
javascript:


函数removeFSS(){ga(“发送”、“事件”、“按钮”、“点击”、“过滤器清除”);var e=$.query.get(“fss”);encodeURIComponent(e).replace(/%20/g,“+”);$(.filterGenius input”).each(函数(){var t=this;t=“\\”+$(t).val();var n=new RegExp(t,“g”);e=e.replace(n,”);var t=encodeURI(unescape($.query.set(“fss”,e));n=window.location.var.split?”[0];window.location.href=n+t}$(document).ready(function(){$(“.filterGenius input”).each(function(){if(window.location.href.indexOf($(this.val())>=0){$(this.attr(“checked”,“checked”)};$(“.filterGenius input”).change(function(){if($(this).is(“:checked”){ga(“发送”,“事件”,“按钮”,“点击”,“过滤器打开”);var e=$.query.get(“fss”);if(e==true){e}encodeURIComponent(e).replace(/%20/g,“+”);var t=$(this.val();var n=“%2B”+t;var r=newregexp(n,“g”);e.replace(r)”;var i=e;if($(this).is(“:radio”){$(“.filterGenius input[type=radio]”)。每个(函数(){var e=this;e=“\\”+$(e.val();var t=newregexp(e,“g”);i=i.replace.replace(“)”)”);var i=i=i+“$”);var i=i=i=t输入[type=radio];查询集($)$(“.filterGenius input”).attr(“disabled”,true);var o=window.location.href.split(“?”[0];window.location.href=o+s}else if(!$(this).is(“:checked”){ga(“send”,“event”,“button”,“click”,“filter off”);var e=$.query.get(“fss”).toString();if(e==未定义){}else if(e==“true”){e=”else{else{else{encodeURIComponent(e).replace).replace=/%20/g();var t=$(this)“+t;var r=new RegExp(n,“g”);e=e.replace(r)”;if($(this.is(“:radio”){$(“.filterGenius input[type=radio]”)。每个函数({var t=$(this.val();var n=“\\”+t;console.log(e);console.log(n);var r=new RegExp(n,“g”);e.replace(r)”;console.log(“:”);console.log($FSS radio:“+e”);var i=e;var s=encode(unescape($.query.query.set($)).filters)).attri”).input(“disabled”,true);var o=window.location.href.split(“?”[0];window.location.href=o+s}})

Javascript不是问题所在。您描述的是单选按钮和复选框的预期行为。单选按钮一次只允许选择一项。下面是一篇关于控件独立性的文章。要使单选按钮独立,必须使用不同的名称属性。

确保两个单选组具有不同的属性ent名称。在您的src中,我没有看到两个广播组?哦,是的,我删除了它。问题更多的是我如何添加另一个组。您的意思是“处理器”名称"? 试图更改名称,但仍然无效。我会看一下链接的,谢谢。我也知道单选按钮只能选择一次。。但是,难道不可能在不同的组中同时选择两个单选按钮吗?或者我可以设置一组复选框,这样我只能按组单击吗?名称属性是定义我理解组命名的方式。但当我有两个不同的组时,我仍然只能从这些组中选择radiobutton。如果我在第1组中选择一个按钮,它会工作。如果我在第2组中选择一个单选按钮,它会删除我单击的第一个按钮。我希望能够在每个组中同时单击一个按钮,您可能会混淆某些内容,因为如果您正确定义组,则不会发生这种情况。说出一半的单选按钮是“processor”,或者说是“processor1”。并尝试从每一个选项中选择一个。