欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中獲取Radio被選中的值

 更新時(shí)間:2015年11月11日 16:30:24   投稿:mdxy-dxy  
這篇文章主要介紹了JavaScript中獲取Radio被選中的值,需要的朋友可以參考下

原理就是:一般使用遍歷的方法,判斷每個(gè)Radio是否被選中,如果是,再取其值.

<form id="userlist" method="post" action="option.php">
<input type="radio" name="userid" value="1">1
<input type="radio" name="userid" value="2">2
<input type="radio" name="userid" value="3">3
</form>
<script language="javascript">
function usubmit(action){
var radionum = document.getElementById("userlist").userid;
for(var i=0;i<radionum.length;i++){
if(radionum[i].checked){
userid = radionum[i].value
}
}
window.location.href='option.php?action='+action+'&userid='+userid;
}
</script>

上面的需要注意form中設(shè)置了id(userlist)

這里有兩個(gè)要注意的地方:一個(gè)是如何取值,一個(gè)是如何遍歷
document.getElementById("userlist").userid;
這是根據(jù)form的id再取其中控件元素的name取值的方法。
也可以用document.getElementsByName("userid")直接獲得

getElementById與getElementsByName的區(qū)別,getElementById取radio類型元素只能選取單個(gè)控件,getElementsByName取radio類型元素的時(shí)候是取出的整個(gè)radio數(shù)組,如果一定要用getElementById,則可像上面代碼一樣先用getElementById取得整個(gè)表單的id.后面緊跟radio名稱即可

現(xiàn)在知道document.getElementsByName("userid")就是得到一個(gè)數(shù)組,該數(shù)組中的元素是該dom樹中所有name為radionum的元素,即使只有一個(gè)radio,也是一個(gè)只包含一個(gè)元素的數(shù)組.
而document.all.userid則不同,它是得到頁面中的userid元素的引用,當(dāng)頁面中存在多個(gè)radio時(shí),它返回的是一個(gè)數(shù)組,如果頁面中只包含一個(gè)radio,則得到的就是這個(gè)radio對(duì)象的引用.由于這時(shí)得到的不是一個(gè)數(shù)組,因此就不能遍歷數(shù)組來進(jìn)行判斷了.

做成函數(shù),如下:

function  getRadioBoxValue(radioName) 
{ 
      var obj = document.getElementsByName(radioName); //這個(gè)是以標(biāo)簽的name來取控件
         for(i=0; i<obj.length;i++)  {

         if(obj[i].checked)  { 
             return  obj[i].value; 
         } 
       }     
       return "undefined";    
}

JS獲取radio里選中的值

function Foo()
{
  var selectedIndex = -1;
  var form1 = document.getElementById("form1");
  var i = 0;
  
  for (i=0; i<form1.r.length; i++)
  {
    if (form1.r[i].checked)
    {
      selectedIndex = i;
      alert("您選擇項(xiàng)的 value 是:" + form1.r[i].value);
      break;
    }
  }
  
  if (selectedIndex < 0)
  {
    alert("您沒有選擇任何項(xiàng)");
  }
}

相關(guān)文章

最新評(píng)論