Heim  >  Artikel  >  Backend-Entwicklung  >  js遍历radio单选按钮的方法

js遍历radio单选按钮的方法

WBOY
WBOYOriginal
2016-07-25 09:12:431507Durchsuche

例子,js遍历radio内容。

  1. 1
  2. 2
  3. 3
复制代码

注意二个地方:一个是如何取值,一个是如何遍历 document.getElementById("userlist").userid; 这是根据form的id再取其中控件元素的name取值的方法。 也可以用document.getElementsByName("userid")直接获得

getElementById与getElementsByName的区别,getElementById取radio类型元素只能选取单个控件,getElementsByName取radio类型元素的时候是取出的整个radio数组,如果一定要用getElementById,则可像上面代码一样先用getElementById取得整个表单的id.后面紧跟radio名称即可

现在知道document.getElementsByName("userid")就是得到一个数组,该数组中的元素是该dom树中所有name为radionum的元素,即使只有一个radio,也是一个只包含一个元素的数组. 而document.all.userid则不同,它是得到页面中的userid元素的引用,当页面中存在多个radio时,它返回的是一个数组,如果页面中只包含一个radio,则得到的就是这个radio对象的引用.由于这时得到的不是一个数组,因此就不能遍历数组来进行判断了。

js函数代码:

  1. function getRadioBoxValue(radioName)
  2. {
  3. var obj = document.getElementsByName(radioName); //以标签的name来取控件
  4. for(i=0; i if(obj[i].checked) {
  5. return obj[i].value;
  6. }
  7. }
  8. return "undefined";
  9. }
复制代码


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn