tnblog
首页
视频
资源
登录
什么时候才能领悟,取之越多失之越多
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术

原生js获取单选框复选框等信息

3630人阅读 2019/3/1 11:34 总访问:870758 评论:0 收藏:0 手机
分类: JS

原生js获取单选框复选框等信息

 var doreg = function () {

            //根据name获取用户名
            var username = document.getElementsByName("username")[0];

            if (username.value == null || username.value.match("^[ ]*$")) {
                var useranmetip = document.getElementById("useranmetip");
                useranmetip.innerHTML = "用户名不能为空,不能全为空字符串";
                return;
            }
            else {
                var useranmetip = document.getElementById("useranmetip");
                useranmetip.innerHTML = "";
            }


            //获取性别
            var sex = document.getElementsByName("sex");
            for (var i = 0; i < sex.length; i++) {
                var sexitem = sex[i];
                if (sexitem.checked == true) {
                    alert("你选中的是:" + sexitem.value);
                }
            }

            //获取爱好
            var hobbystr = "";
            var hobby = document.getElementsByName("hobby");
            for (var i = 0; i < hobby.length; i++) {
                var hobbyitem = hobby[i];
                if (hobbyitem.checked == true) {
                    hobbystr += hobbyitem.value + " ";

                }
            }
            alert("你选中的爱好是:" + hobbystr);

            var work = document.getElementById("work");
            if (work.value == -1) {
                alert("请选择工作");
                return;
            }
            //获取下拉列表的值
            alert(work.options[work.selectedIndex].text);

            //使用js提交表单
            var form1 = document.getElementById("form1");
            form1.submit();

        }

其中可以使用Js的正则表达式"^[ ]*$"应该是否为空以及全部是空字符串

 var username = document.getElementsByName("username")[0];

            if (username.value == null || username.value.match("^[ ]*$")) {
                var useranmetip = document.getElementById("useranmetip");
                useranmetip.innerHTML = "用户名不能为空,不能全为空字符串";
                return;
            }





欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739

评价