javascript radio值獲取代碼

更新時間：2009年03月17日 23:27:11 作者：

好多情況下，我們需要用js獲取radio的值，下面是具體的實現方法，大家可以測試下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript 獲取 radio 選中值</title> <script language="javascript" type="text/javascript"> //Copyright 2008 //By 小吳同學 QQ:100052800 //Date 2008-11-25 //$寫法，用于獲取元素ID名稱 function $(id){return document.getElementById(id);} //獲取 radio 選中值 function GetValue(){ //獲取 radio 所在容器名，根據容器名稱搜索 radio 的標簽 input var radios = $("radios").getElementsByTagName("input"); //初始化對象 var grade = ""; //是否選中 radio,默認不選中，radio 可指定 checked="checked" 不受 flag 影響 var flag = false; //根據容器中搜索到的 input 標簽的個數（長度）進行遍歷 for(var i=0;i<radios.length;i++){ //如果當前有選中 if(radios[i].checked == true){ //賦值 grade = radios[i].value; //賦值 flag = true; //結束循環(huán) break; } } //判斷 radio 是否有選中 if(!flag){ alert("No choose"); return; }else{ alert(grade); } } </script> </head> <body style="font:12px 'Microsoft Sans Serif'"> <div   class="q6qukym"   id="radios"> <input name="radio" type="radio" value="1"/>1 <input name="radio" type="radio" value="2" />2 <input name="radio" type="radio" value="3" />3 <input name="radio" type="radio" value="4" />4 <input name="radio" type="radio" value="5" />5 <input name="button" type="button" value="GetValue" onclick="GetValue()"/> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

js選中radio
document.consumerform.consumer_sex[0].checked=true;
下面是網上的一些補充資料，本人感覺還不錯，提供給大家
介紹了通過一個函數方便地取 Radio 選中值的情況，該程序適用于兩個及以上的同名 Radio。但實際中，僅有一個 Radio 的情況也存在，于是我們得增強程序功能，使程序適用于一個及以上的同名 Radio。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

js form action動態(tài)修改方法
js修改form的action屬性的函數
2008-11-11
實用的JS表單驗證提示效果
一個流行且實用的JS表單驗證提示，演示了怎么自定義錯誤信息的顯示方式，同時通過寫FormValid.showError類方法來實現錯誤顯示方式自定義.
2009-11-11
比較平滑的js控制textaera的高度
textarea高度控制代碼
2008-07-07
js動態(tài)在form上插入enctype=multipart/form-data的問題
在做文件上傳的時候碰到了一個比較奇怪的問題，IE6，7，8上傳文件總是失敗，服務端接收不到文件的問題
2012-05-05
刷新時清空文本框內容的js代碼
刷新時清空文本框內容的js代碼...
2007-04-04
javascript操作文本框readOnly
javascript操作文本框readOnly...
2007-05-05
IE中checkbox在刷新后初始化的問題
在項目中有一個需求，要求頁面中的checkbox在頁面刷新或后退時都要重新初始化，即處于未選中的狀態(tài)，不保存之前的狀態(tài)。
2010-01-01
javascript Select標記中options操作方法集合
收集的比較全的關于用js操作select中的options方法
2008-10-10
javascript select 改變字的顏色
select變化字體顏色的代碼。
2009-05-05
js監(jiān)聽表單value的修改同步問題，跨瀏覽器支持
今天同事測試發(fā)現項目中一個小bug，然后我負責解決。研究了不短的時間，終于搞定了，有點激動。呵呵。拿出來與大家分享。
2009-12-12