需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码2在indexhtml中的ltscript标签，输入js代码#39input#39clickfunction var now = this#39input#39eachfunction i， e if now ！== e e。

设置radio的checked属性为ture即为选中ltinput type=quotradioquot id=quotradioIdquot value=quot1quot 选中单选框JS代码var target = documentgetElementByIdquotradioIdquottargetchecked = true附完整代码lt！DOCTYPE html lt！STATUS OK lthtml lthead ltmeta charset=quotutf8quot ltmeta。

HTML中的复选框checkbox和单选框radio在事件处理上曾让人困扰最初，change事件似乎合理，但IE下它会在焦点离开后才触发，这并不理想通过尝试click和mousedown，click事件在处理上更为出色当你使用键盘选择radio时，click事件会神奇地被触发，包括滚轮操作，而mousedown则无法做到这一点在WebKit中。

当你选择quot好quot 时 ， 你所写的代码 根本不知道你选的是好 这里的quot好quot 只是一个形式 没实际意义 但换成 ltinput name=quotcontentquot type=quotradioquot value=quotgoodquot 好 你选好时，代码就知道你选的是good 也就是说 表单中的元素 是通过 value来传递值的。

在HTML中，下拉框单选框和多选框是常见组件针对这些组件的操作，可使用find_element方法定位单一对象，但对于一组对象，需结合层级定位与find_elements方法21 下拉框处理 下拉框通常用于展示选项列表，如图所示通过分析HTML代码，使用层级定位与find_element方法逐级定位22 多选框处理 多选框允许。

在HTML表单中，创建和添加单选框和复选框是关键步骤以社团招新信息表为例，让我们一步步来理解如何操作首先，复选框的制作通过设置type属性为quotcheckboxquot如果需要默认选中某个选项，只需在相应项添加quotcheckedquot属性例如，兴趣选择中的复选框，只需设置checked属性即可对于单选框，type设置为quotradio。

刷新页面，单选效果得以实现为单选框添加``标签换行，并输入文本“前端基础包括HTMLCSSJavaScript”使用``标签，将`type`属性设置为`checkbox`，创建三个多选框，并在每个``标签后面添加对应的文本点击多选框，出现对钩表示已选中，再次点击取消选中通过``标签的`checked`属性，可以实现在。