分享好友 教程首页 教程搜索 频道列表

javascript怎么验证单选框为必选

2023-04-07 02:362680
+关注28
核心提示:在前端开发中,使用JS进行判断选框为必选,没选提示用户必须选择

在前端开发中,使用JS进行判断选框为必选,没选提示用户必须选择


实例代码:

<html>
    <head>
        <title>JS判断单选框为必选</title>
        <meta charset="UTF-8"/>
    </head>
    <body>
    <form name="from1">
        <p>请选择你的性别</p>
            <input type="radio" id="a" name="sex" value="1">男生 
            <input type="radio" id="b" name="sex" value="2">女生
         <br />
         <button type="button" onclick="check();">确定</button>
    </form>
    <script type="text/javascript">
        function check(){
            if(!document.getElementById("a").checked && !document.getElementById("b").checked){
               alert("必须选择性别!")
               return false;
            }
        }
    </script>
    </body>
</html>


本文标签: #单选 #必选 #判断
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
您可能在找更多

单选给id传值加class

    需用代码测试

小黑 JavaScript教程2022-03-21

前端实例之开关样式的单选

    在写前端的时候 ,有很多时候需要美化原有的单选按钮,今天就来一个HTML:labelclass=ui-switchinputtype=checkboxname=post[invoice]role=switchvalue=1class=js-change-show-hidejs-open-invoicedata-toggle=.js-p

小黑 web前端开发2021-06-30

在前端显示中修改单选默认样式变按钮

    如果我们想要在前端显示中修改单选默认样式变按钮,以下为修改实例效果如图:原样式新样式:如:HTML代码div

小黑 web前端开发2021-06-30

下一篇
我来说两句
抢沙发