如何獲取Web頁面中radio按鈕的值

如果在web頁面的表單(表單名form1)裏用了一組radio按鈕,起名爲button1。
要從js中取得被選中按鈕對應的值,可按以下方法:

這裏的radio名button1就相當一個數組名










相關的例子:
<input type="radio" name="RadioButtn" value="A" checked>One<br> <input type="radio" name="RadioButtn" value="B">Two<br> <input type="radio" name="RadioButtn" value="C">Three<br> <input type="radio" name="RadioButtn" value="D">Four 所有的4個單選按鈕對象有同一個名字:RadioButtn,這樣一來,
HTML和JavaScript就知道它們是同一個數組裏的對象。其次,
每個選項的值是選項的別名,並不是看到的文字(例如“One”、“Two”等)。

爲了得到選擇的選項的值,首先要知道哪個選項被選中了,然後在alert語句中,
用那個選中的選項的下標值來正確地引用當前選項的值。也就是說,
如果第一個選項被選中,你應該取RadioButtn[0].value,如果第二個選項被選中,
你就應該取RadioButtn[1].value,依此類推。

在JavaScript中,某些類型的域具有selectedIndex屬性,
代表當前選中選項的數組下標值。然而單選按鈕並不是那麼幸運,
同樣,複選框也沒能逃脫厄運。要想得到當前選中的單選按鈕的值,
你必須在RadioButtn數組元素中查找“checked”屬性。

下面是按鈕的代碼:

var doc = document.forms[0];
for(i = 0; i < doc.RadioButtn.length; i++)
{
 if(doc.RadioButtn[i].checked)
 {
 alert(doc.RadioButtn[i].value);
 break;
 }
}
相關文章的連接:http://www-900.ibm.com/developerWorks/cn/lotus/lo-jsobj/index.shtml

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章