首页 > 代码库 > js异步刷新获取RadioButtonLinst选择值,传到文本框里

js异步刷新获取RadioButtonLinst选择值,传到文本框里

以前有接触过 RadioButtonLinst但是不会异步刷新,今儿研究了一下,实现了这个js异步刷新,含金量虽然低,但也算一个小的知识点吧,

记录下来,以便,以后参考,

<title></title>
   <script src="http://www.mamicode.com/jquery.js" type="text/javascript"></script>
   <script type="text/javascript" >
       function getvalue() {
           var a = document.getElementById("rbtid").cells.length;
           alert(a);
           for (var i = 0; i < a; i++) {
               var ss = "rbtid_" + i;
            //   alert(ss);
               var aa = document.getElementById(ss).value;
               if (document.getElementById(ss).checked) //注意checked不能写成Checked,要不然不成功
               {
                   document.getElementById("Text1").value = http://www.mamicode.com/aa;
                   break;
               }

           }
       }
   </script>
</head>

<body>
    <form id="form1" runat="server">
    <div>
        <asp:RadioButtonList ID="rbtid" runat="server" onclick="getvalue()" AutoPostBack="false"  >
            <asp:ListItem Selected="True" Value="http://www.mamicode.com/1个">1个</asp:ListItem>
            <asp:ListItem Value="http://www.mamicode.com/2个">2个</asp:ListItem>
            <asp:ListItem Value="http://www.mamicode.com/3个">三个</asp:ListItem>
            <asp:ListItem  Value="http://www.mamicode.com/4个">四个</asp:ListItem>
        </asp:RadioButtonList>
        <input id="Text1" type="text" />
        </div>
    </form>
</body>

js异步刷新获取RadioButtonLinst选择值,传到文本框里