zoukankan      html  css  js  c++  java
  • 获取一组radio按钮选中的值Value

    1、效果

    2、HTML代码

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm6.aspx.cs" Inherits="MvcAppTest.WebForm6" %>
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        <script src="Easyui/jquery-1.7.2.min.js"></script>
        <script type="text/javascript">       
            function setCheck(pd) {
                var radios = document.getElementsByName("address");
                for (var i = 0; i < radios.length; i++) {              
                    if (radios[i].value==pd)
                    {
                        radios[i].checked = true;
                    }
                }
            }
            function show() {
                var radios = document.getElementsByName("address");
                for (var i = 0; i < radios.length; i++) {
                    if (radios[i].checked) {
                        alert(radios[i].value);
                    }
                }
            }
        </script>
    </head>
    <body>
     <form id="form1" runat="server">
        <div>
         <input type="radio" name="address" value="0" checked="checked" />苹果&nbsp;&nbsp;&nbsp;
         <input type="radio" name="address" value="1" />香蕉&nbsp;&nbsp;&nbsp;
         <input type="radio" name="address" value="2" />葡萄
        <div>
            <input type="button" onclick="setCheck(1)" value="设置选中状态" />
        </div>
           <div>
               <input type="button" onclick="show()" value="获取选中的值" />
           </div>
        </div>  
      </form>
    </body>
    </html>
  • 相关阅读:
    [模板]KMP
    [BZOJ] 1833: [ZJOI2010]count 数字计数
    [BZOJ] 1563: [NOI2009]诗人小G
    [BZOJ] 2442: [Usaco2011 Open]修剪草坪
    [LOJ] #2360. 「NOIP2016」换教室
    9.18模拟赛
    [BZOJ] 2006: [NOI2010]超级钢琴
    [BZOJ] 1143: [CTSC2008]祭祀river
    [51Nod] 1218 最长递增子序列 V2
    [BZOJ] 3307: 雨天的尾巴
  • 原文地址:https://www.cnblogs.com/net064/p/10239700.html
Copyright © 2011-2022 走看看