设置单选按钮值以在JavaScript URL脚本中工作？

我目前有一个Blogger搜索功能，它在一个表单中具有下拉/数据列表值，模仿Blogger标签。点击“搜索”时，脚本将生成一个URL，其中包含用户通过简短表单选择的值（标签），并立即转到该链接，如下所示：

<script>
function process()
{
var url="http://couleurstransmogrify.blogspot.com.au/search/label/" + document.getElementById("Colour").value + "+" + document.getElementById("Item").value + "+" + document.getElementById("Class").value;
location.href=url;
return false;
}
</script>

<div id="SearchBox">
<div style="padding-bottom:3px;"><font color="#000000">Search</font>ing is as easy as 1, 2, 3...</div>
<form onsubmit="return process();">
<input type="text" name="Colour" id="Colour" value="COLOUR" list="datalist1" onfocus="if(this.value == 'COLOUR'){this.value = '';}" onblur="if(this.value == ''){this.value='COLOUR';}" />
<input type="text" name="Item" id="Item" value="ITEM" list="datalist2" onfocus="if(this.value == 'ITEM'){this.value = '';}" onblur="if(this.value == ''){this.value='ITEM';}" />
<input type="text" name="Class" id="Class" value="CLASS" list="datalist3" onfocus="if(this.value == 'CLASS'){this.value = '';}" onblur="if(this.value == ''){this.value='CLASS';}" /><br />
<input type="submit" id="Search" value="SEARCH" />
</form>
<datalist id="datalist1">
<option value="All" />
</datalist>
<datalist id="datalist2">
<option value="All" />
</datalist>
<datalist id="datalist3">
<option value="All" />
</datalist>
</div>

函数过程（）
{
变量url=”http://couleurstransmogrify.blogspot.com.au/search/label/“+document.getElementById（“颜色”）.value++”+document.getElementById（“项目”）.value++”+document.getElementById（“类”）.value；
location.href=url；
返回false；
}
搜索就像1，2，3一样简单。。。

这一切都很好，但我想在表单中添加另一个函数，其中包括单选按钮值（或复选框值，任何更简单的）

目标是：

a>>>有两个单选按钮，其值分别为“动画”和“全部”。根据选择的单选按钮，该值将添加到URL的末尾，例如 （URL）/search/label/All+All+All+Animated*或（URL）/search/label/All+All+All+All+All*

比如：

Animated Only? <input type="radio" name="Animated" id="Animated" value="Animated" /> Y <input type="radio" name="Animated" id="Animated" value="All" /> N

仅动画？Y N

或

b>>>>选中复选框时，复选框中的值为“动画”，未选中时，复选框中没有值。与上述相同，其目的是生成以下URL：选中：（URL）/search/label/All+All+Animated*或未选中（URL）/search/label/All+All+All*

• “All+All+All”-前三个“All”是当前数据列表的唯一值。我已经删除了完整的价值观/标签列表，以便尽可能地缩短这篇文章

生成的表单应允许访问者通过表单中的多个预定义标签（值）搜索我的网站，并选择在“所有”项目或“动画”项目中搜索

---

我希望这是有道理的。任何帮助都将不胜感激-我相信这将是一个简单的修复本网站上的JavaScript专家。我郑重地发誓，我花了几个晚上的时间试图从网站上的许多解决方案中找到答案，但我对JavaScript的了解还不够（而且下班后我太累了），无法提取相关信息并拼凑出一个新脚本。

有什么理由自己构建URL而不是简单地提交表单？此外，DOM中的两个元素具有相同的id

Animated

，这是无效的。Mez，我真的很想帮助您。但您必须回答我的问题，因为您试图从表单发送数据的方式是完全错误的。如果某个奇怪的服务器端框架强制您这样做，我将为此编写一个解决方案。如果没有这样的限制，我会告诉你提交表格的正确方式。嗨，ElmoVanKielmo，谢谢你的回复，很抱歉耽搁了-我很准时，刚下班回家。我没有写原始脚本，它只是我发现的，我正在利用它生成结果。如果您有一个更好的替代方法，为我的用户提供当前网站上的搜索功能（）以及添加的“仅动画”功能，那么请随意放弃我这里的内容。值得注意的是，Blogger标签区分大小写，搜索脚本的值需要反映这一点。谢谢