需要準備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎(chǔ)代碼2在indexhtml中的ltscript標簽，輸入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中的復選框checkbox和單選框radio在事件處理上曾讓人困擾最初，change事件似乎合理，但IE下它會在焦點離開后才觸發(fā)，這并不理想通過嘗試click和mousedown，click事件在處理上更為出色當你使用鍵盤選擇radio時，click事件會神奇地被觸發(fā)，包括滾輪操作，而mousedown則無法做到這一點在WebKit中。

當你選擇quot好quot 時 ， 你所寫的代碼 根本不知道你選的是好 這里的quot好quot 只是一個形式 沒實際意義 但換成 ltinput name=quotcontentquot type=quotradioquot value=quotgoodquot 好 你選好時，代碼就知道你選的是good 也就是說 表單中的元素 是通過 value來傳遞值的。

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

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

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