XHTML/JS OnClick 单选按钮需要根据选择中的选项值导航到另一个页面答案

【问题标题】：XHTML/JS OnClick radio button need navigate to another page based on option value in selectXHTML/JS OnClick 单选按钮需要根据选择中的选项值导航到另一个页面
【发布时间】：2026-02-09 00:20:07
【问题描述】：

我在我的 xhtml 页面中使用了一个选择选项下拉菜单和几个单选按钮输入。我已经在 select 元素下编写了代码，这样当用户从 select 元素中选择一个选项时，其中的 onchange 属性会将其带到另一个页面，如选项值所示。

但是，我也需要单选按钮输入的类似行为。因此，当用户单击任何按钮时，我需要它从已选择的选项中获取值并导航到该页面。

我怎样才能做到这一点？

<select id="color" onchange="location = this.options[this.selectedIndex].value+'?view=calView';">
    <option value="page1.htm">Page1</option>
    <option value="page2.htm">page2</option>
    <option value="page3.htm">Page3</option>
</select>
<input id="cal" name="view_opt" value="calView" type="radio" />
<label for="cal">Calendar View</label>
<input id="list" name="view_opt" value="listView" type="radio" />
<label for="list">List View</label>

【问题讨论】：

到目前为止你的 jQuery/js 代码是什么？
您好，代码已经存在。我在 select 元素的 onchange 属性中编写了 javascript，该元素将用户导航到选项值中提到的页面。我需要相同但在onclick或onchnage属性中的输入radiobutton类型元素，它在选中时，它将它导航到页面，如选择元素中已在已选定选项的值中。这有意义吗？

标签： javascript jquery html

【解决方案1】：

是的，应该可以正常工作或使代码更通用，在 onclick 函数中传递它并在单个函数中处理所有游览分配

【讨论】：

谢谢沙希。 onclick="location = document.getElementById('color').value" 有效。