當前位置:軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > 單擊文字實現單選按鈕的選定JS代碼怎么寫

單擊文字實現單選按鈕的選定JS代碼怎么寫

2012/11/1 11:16:35作者:佚名來源:網絡

移動端

【實例名稱】

單擊文字實現單選按鈕的選定JS代碼怎么寫

【實例描述】

在網頁的基本控件中,單選按鈕控件是不包含文字的,在頁面單選按鈕后面的文字其實只是頁面的布局,兩者之間實際上沒有任何關系。但在用戶看來,兩者是一體的。本例的目的就是將兩者設計為一體,實現選擇文字的同時選中單選按鈕。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標題頁-學無憂(denvermotorcycleaccidentlawyer.com)</title> </head> <body> <br> <input type="radio" name="myLike" value="Like1" id="Like1"> <label for="Like1"> 體育運動:NBA</label> <br> <input type="radio" name="myLike" value="Like2" id="Like2"> <label for="Like2"> 休閑運動:Golf</label> </body> </html>

【運行效果】

運行效果

【難點剖析】

本例的重點是label元素的“for”屬性。此屬性用來設置label是為誰服務的,屬性的值必須是被服務控件的id。

【源碼下載】

如果你不愿復制代碼及提高代碼準確性,你可以點擊:單擊文字實現單選按鈕的選定 進行本實例源碼下載 

標簽: 按鈕  JS代碼