zoukankan      html  css  js  c++  java
  • getElementsByName 的应用-获取radio button组的选择值

    getElementsByName用来获取name一样的一组元素。
    应用:
    获取一组radio button 的选中值。
    例子如下:
    <html>
    <head>
      
    <title>getElementsByName Sample</title>
      
    <script type="text/javascript" language="javascript">
        
    function getColor() {
          
    var oColors = document.getElementsByName("rdColor");
          
    var color = "";
          
    for (var i=0;i<oColors.length;i++) {
            
            
    if (oColors[i].checked) {
              color 
    = oColors[i].value;
              
    break;
            }
          }
          
    if (color == "")
            alert(
    "Please choose a color!!");
          
    else
            alert(
    "Your favorite color is: " + color);
        }
      
    </script>
    </head>
    <body>
      
    <form action="javascript:getColor();" method="post">
        
    <fieldset>
          
    <legend>What color do you like?</legend>
          
    <input type="radio" name="rdColor" value="red" /> Red <br />
          
    <input type="radio" name="rdColor" value="green" /> Green <br />
          
    <input type="radio" name="rdColor" value="blue" /> Blue <br />  
        
    </fieldset>
        
    <input type="submit" value="Submit" />
      
    </form>
    </body>
    </html>
  • 相关阅读:
    linux使用Windows中的ttf字体
    Filmic Tonemapping rocks
    Directionally Localized AntiAliasing
    OpenGL ES Emulator横向比较
    Gamma的传说
    KlayGE的Realtime GI正式上线
    CUDA 4.0真技术解析
    Antialias的前世今生(二):Post process based AA
    Antialias的前世今生(一)
    完整的“KlayGE中的延迟渲染”
  • 原文地址:https://www.cnblogs.com/davidgu/p/1536115.html
Copyright © 2011-2022 走看看