js 得到radio选中的直

最新推荐文章于 2024-01-18 08:56:55 发布

JimJin

最新推荐文章于 2024-01-18 08:56:55 发布

阅读量123

点赞数

分类专栏： Javascript 文章标签： XHTML HTML

本文链接：https://blog.csdn.net/JimJin/article/details/83485336

版权

Javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!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" xml:lang="zh-CN" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Get radio values demo</title>
<script type="text/javascript">
  var getRadioValues = function(){
    var inputs = document.getElementsByTagName('input')
    var values=""
    for(i=0; i<inputs.length; i++) {
      obj = inputs[i];
      t = obj.getAttribute("type");
      if(t=='radio' && obj.checked){
        v = obj.getAttribute("value");
        values += v;
      }
    }
    return values;
  }
</script>
</head>
<body>
  <label><input type="radio" name="radio" value="0">不开通</label>
  <label><input type="radio" name="radio" value="1" checked=checked>开通</label>
  <label><input type="radio" name="radio1" value="0" checked=checked>允许</label>
  <label><input type="radio" name="radio1" value="1">不允许</label> 
  <input type="button" onclick="alert(getRadioValues());" value="Get values" />
</body>
</html>