程序博客网 > 女性脂溢脱发知乎

js验证RadioButtonList是否选中

来源：互联网发布：女性脂溢脱发知乎编辑：程序博客网时间：2024/06/15 06:05

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="practise.WebForm1" %>

<!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">
<head runat="server">
<title></title>

    <script type="text/javascript" language="javascript">
        function validate() {
            var rb_sex = document.getElementById("rb_sex");
            var sex = rb_sex.getElementsByTagName("INPUT");
            /*
            此方法中，RadioButtonList在客户端被看成成了table，通过getElementsByTagName("INPUT")方法获取它的所有子radio，
            然后循环每个radio，再通过cells获取radio的text值。
            */
            var result = false;
            for (var i = 0; i < sex.length; i++) {
                if (sex[i].checked) {
                    result = true;
                    var text = rb_sex.cells[i].innerText;
                    var value = sex[i].value;
                    alert("选中项的text值为" + text + ",value值为" + value);
                    break;
                }
            }
            if (!result) {
                alert("请选择性别！");
                return false;
            }
            return true;
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:RadioButtonList ID="rb_sex" runat="server">
            <asp:ListItem Value="1">男</asp:ListItem>
            <asp:ListItem Value="2">女</asp:ListItem>
        </asp:RadioButtonList>
        <input type="button" id="t_validate" runat="server" value="验证" onclick="validate();" />
    </div>
    </form>
</body>
</html>

女性脂溢脱发知乎

女性脂溢脱发知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子丽景门洛阳丽景门丽景门景区蜀青丽晶府佳兆业丽晶港丽柜首页丽柜速发丽柜伊园一速发丽柜丽柜一速发丽柜图片丽柜然然丽柜筱筱丽柜app 丽柜兔子丽柜肉丝脚丽柜捆绑丽柜套图丽柜肉丝丽柜美腿丽柜网丽柜会所丽柜雪儿丽柜雪丽柜vip 丽柜网站丽柜下载丽柜免费丽柜速发福利丽柜美束2018 丽柜一速发褔利网丽柜后手观音缚丽柜会所娱乐吧丽柜美束慕子丽桑卓皮肤丽桑卓被动丽桑卓出装源代码丽桑卓多少钱丽卓桑色花棠app 照棠惜花