當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 選擇了哪一個單選按鈕JS代碼怎么寫

選擇了哪一個單選按鈕JS代碼怎么寫

2012/11/1 11:15:56作者:佚名來源:網(wǎng)絡(luò)

移動端

【實例名稱】

選擇了哪一個單選按鈕

【實例描述】

單選按鈕是一組類似的數(shù)據(jù),但用戶只能選擇其中的一個值。本例學(xué)習(xí)如何判斷用戶選擇了哪個值。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁-學(xué)無憂(m.wangbatian.cn)</title> <script language="JavaScript"> function checkradio() {    var parms=document.getElementsByName("radio1"); //獲取所有的單選框    var i;    for( i=0;i<parms.length;i++)              //遍歷單選框    {        if(parms[i].checked)                     //如果選擇了此單選框           alert("您選擇了"+ parms[i].value);     //提示用戶的選擇    } } </script> </head> <body> <input name="radio1" type="radio" value="體育運(yùn)動" checked=checked />體育運(yùn)動 <input name="radio1" type="radio" value="旅游休閑"/>旅游休閑 <input type="button"  name="btn1" value="檢查" onclick="checkradio()" /> </body> </html>

【運(yùn)行效果】

運(yùn)行效果

【難點剖析】

本例重點是如何獲取頁面中的所有單選按鈕,然后判斷單選按鈕的“checked”屬性?!癱hecked”屬性表示單選按鈕是否被選中獲取單選按鈕的值使用“value”屬性。

【源碼下載】

如果你不愿復(fù)制代碼及提高代碼準(zhǔn)確性,你可以點擊:選擇了哪一個單選按鈕 進(jìn)行本實例源碼下載 

標(biāo)簽: 按鈕  JS代碼