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

Question

I am using a select options dropdown and a couple of radio button inputs in my xhtml pages. I have already written code under select element so that when the user chooses an option from the select element, the onchange attrribute in it will take it to another page as displayed in options value.

However, I need a similar behaviour with radio button input too. So, when a user clicks any button, I need it to get the value from the already selected option and navigate to that page.

How can I achieve this?

<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>

Answer 1

是的，应该可以正常工作或使代码更通用，在onclick函数中传递此值，并在单个函数中处理所有巡回任务