js單選按鈕radio選中值
本章節分享一段程式碼例項,它實現了獲取選中的單選按鈕值的功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> window.onload=function(){ var odiv=document.getElementById("antzone"); var inputs=document.getElementsByTagName("input"); for(var index=0;index<inputs.length;index++){ inputs[index].onclick=function(){ odiv.innerHTML=this.value; } } } </script> </head> <body> <div id="antzone"></div> <input type="radio" name="softwhy" value="1"/>螞蟻部落一 <input type="radio" name="softwhy" value="2"/>螞蟻部落二 <input type="radio" name="softwhy" value="3"/>螞蟻部落三 </body> </html>
上面的程式碼實現了我們的要求,程式碼比較簡單這裡就不多介紹了,具體可以參閱相關閱讀。
相關閱讀:
(1).getElementsByTagName()可以參閱document.getElementsByTagName()一章節。
(2).innerHTML屬性可以參閱js innerHTML一章節。
相關文章
- JavaScript radio按鈕選中值JavaScript
- 原生js獲取radio按鈕選中值程式碼JS
- radio 單選按鈕 選中多個
- js如何獲取選中radio單選按鈕的值JS
- js如何取得選中的單選按鈕radio的值JS
- HTML input radio 單選按鈕HTML
- HTML input radio單選按鈕HTML
- radio單選按鈕美化效果
- js遍歷raido單選按鈕並獲取選中值程式碼JSAI
- JavaScript獲取選中radio單選按鈕值JavaScript
- 設定radio單選按鈕預設選中
- JavaScript 獲取radio 選中單選按鈕值JavaScript
- CSS3 美化radio單選按鈕CSSS3
- js獲取選中radio單選按鈕的值程式碼例項JS
- jQuery獲取被選中radio單選按鈕的值jQuery
- jQuery如何獲取選中單選按鈕radio的值jQuery
- CSS3 radio單選按鈕美化效果CSSS3
- 單選多選按鈕
- js練習----radio name屬性定義單選按鈕組JS
- html如何設定radio單選按鈕預設選中效果HTML
- jQuery判斷一個radio單選按鈕是否被選中jQuery
- css3將radio單選按鈕模擬為按鈕形狀CSSS3
- 用jquery校驗radio單選按鈕(原創)jQuery
- javascript動態改變單選按鈕radio的選中狀態JavaScript
- Java選擇框和單選按鈕Java
- 窗體(文字框,按鈕,單選按鈕,標籤)
- js點選按鈕劃出選單容器第一版JS
- Tkinter (11) 選單按鈕部件 Menubutton
- 配置選單按鈕掃一掃
- 單選按鈕美化效果程式碼
- 設定radio單選按鈕一定時間段不可用
- 使用jQuery實現的取消radio按鈕選中效果jQuery
- jQuery如何判斷單選按鈕是否被選中jQuery
- JQuery統一複寫美化專案中所有radio單選按鈕樣式jQuery
- Bootstrap系列 -- 17. 核取方塊checkbox和單選擇按鈕radioboot
- 單選按鈕和核取方塊
- Chrome 22亮相 全新選單按鈕曝光Chrome
- jQuery操作單選按鈕程式碼示例jQuery