javascript radio值獲取代碼

2019-11-21 01:26:53

字體：大中小

來源：轉載

供稿：網友

<!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; //結束循環 break; } } //判斷 radio 是否有選中 if(!flag){ alert("No choose"); return; }else{ alert(grade); } } </script> </head> <body style="font:12px 'Microsoft Sans Serif'"> <div   class="iwvjtn8m0"   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需刷新才能執行]

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

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：用JavaScript編寫COM組件的步驟

下一篇：IE6與IE7中，innerHTML獲取param的區別