首頁 > 網際網路

js如何獲取RadioButtonList

2019-12-11 16:10:01

RadioButtonList是aspx的一個控制元件,其實這個控制元件生成html後,其實就是一組html的radio控制元件,下面我們來看一下如何用js來獲取RadioButtonList。

1

在aspx程式碼裡,我們新增一個RadioButtonList的控制元件,並為其加上一個id。


2

執行這個頁面,我們可以看到頁面上就是顯示一組radio的單選框控制元件。


3

從html原始碼上看,這組radio控制元件是在一個span控制元件裡的,這個span控制元件的id就是我們RadioButtonList的控制元件id。


4

因此我們用js來獲取RadioButtonList也並不難了。

為了操作方便,我們借助jquery來操作,所以先引入jquery指令碼檔案。


5

要獲取所有的radio單選框,我們使用jquery程式碼:$("#radiolist1 input")就行了。


6

如果要獲取其中一個,我們用陣列下標就行了,var r2 = radios[1];

當然我們要確保陣列下標的控制元件是存在的,比如至少要有2個單選框,你才能獲取得到第二個。


7

如果要獲取選中的那一項,我們用jquery裡的checked屬性來過濾就行了。

程式碼如圖。



IT145.com E-mail:sddin#qq.com