需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml，編寫(xiě)問(wèn)題基礎(chǔ)代碼2在indexhtml中的ltscript標(biāo)簽，輸入js代碼#39input#39clickfunction var now = this#39input#39eachfunction i， e if now ！== e e。

設(shè)置radio的checked屬性為ture即為選中l(wèi)tinput type=quotradioquot id=quotradioIdquot value=quot1quot 選中單選框JS代碼var target = documentgetElementByIdquotradioIdquottargetchecked = true附完整代碼lt！DOCTYPE html lt！STATUS OK lthtml lthead ltmeta charset=quotutf8quot ltmeta。

HTML中的復(fù)選框checkbox和單選框radio在事件處理上曾讓人困擾最初，change事件似乎合理，但I(xiàn)E下它會(huì)在焦點(diǎn)離開(kāi)后才觸發(fā)，這并不理想通過(guò)嘗試click和mousedown，click事件在處理上更為出色當(dāng)你使用鍵盤(pán)選擇radio時(shí)，click事件會(huì)神奇地被觸發(fā)，包括滾輪操作，而mousedown則無(wú)法做到這一點(diǎn)在WebKit中。

當(dāng)你選擇quot好quot 時(shí) ， 你所寫(xiě)的代碼 根本不知道你選的是好 這里的quot好quot 只是一個(gè)形式 沒(méi)實(shí)際意義 但換成 ltinput name=quotcontentquot type=quotradioquot value=quotgoodquot 好 你選好時(shí)，代碼就知道你選的是good 也就是說(shuō) 表單中的元素 是通過(guò) value來(lái)傳遞值的。

在HTML中，下拉框單選框和多選框是常見(jiàn)組件針對(duì)這些組件的操作，可使用find_element方法定位單一對(duì)象，但對(duì)于一組對(duì)象，需結(jié)合層級(jí)定位與find_elements方法21 下拉框處理 下拉框通常用于展示選項(xiàng)列表，如圖所示通過(guò)分析HTML代碼，使用層級(jí)定位與find_element方法逐級(jí)定位22 多選框處理 多選框允許。

在HTML表單中，創(chuàng)建和添加單選框和復(fù)選框是關(guān)鍵步驟以社團(tuán)招新信息表為例，讓我們一步步來(lái)理解如何操作首先，復(fù)選框的制作通過(guò)設(shè)置type屬性為quotcheckboxquot如果需要默認(rèn)選中某個(gè)選項(xiàng)，只需在相應(yīng)項(xiàng)添加quotcheckedquot屬性例如，興趣選擇中的復(fù)選框，只需設(shè)置checked屬性即可對(duì)于單選框，type設(shè)置為quotradio。

刷新頁(yè)面，單選效果得以實(shí)現(xiàn)為單選框添加``標(biāo)簽換行，并輸入文本“前端基礎(chǔ)包括HTMLCSSJavaScript”使用``標(biāo)簽，將`type`屬性設(shè)置為`checkbox`，創(chuàng)建三個(gè)多選框，并在每個(gè)``標(biāo)簽后面添加對(duì)應(yīng)的文本點(diǎn)擊多選框，出現(xiàn)對(duì)鉤表示已選中，再次點(diǎn)擊取消選中通過(guò)``標(biāo)簽的`checked`屬性，可以實(shí)現(xiàn)在。