javascript怎么验证单选框为必选

JavaScript020

javascript怎么验证单选框为必选,第1张

使用JS进行判断

<html>

<head>

<title>判断单选框为必选</title>

<meta charset="UTF-8"/>

</head>

<body>

<form name="from1">

<p>请选择你的性别</p>

<input type="radio" id="b" name="sex" value="1">男 

        <input type="radio" id="g" name="sex" value="2">女  

        <br />

        <button type="button" onclick="check()">确定</button>

</form>

<script type="text/javascript">

function check(){

if(!document.getElementById("b").checked && !document.getElementById("g").checked){

   alert("必须选择性别！")

   return false

   }

}

</script>

</body>

</html>

js有几种判断单选按钮是否被选中的方法。

如下参考：

1，首先，打开HTML编辑器100年，新的HTML文件，如：索引。html输入问题的代码，如下所示。

2、在index.html中的度<script>标签，输入js代码：

if（＄（＂input［type＝＇radio＇］：checked＂）．val（））｛

＄（＇body＇）．append（＇被选中＇）；

｝else｛

＄（＇body＇）．append（＇未被选中＇）；

｝

3．当浏览器运行指数，html页面，js输出判断结果是否选择电台，如下列图所示。

控制该单选按钮的checked属性就可以了,赋值为true选中,赋值为false为取消选中,或是选中同组的其它按钮则当前按钮自动取消选中.示例代码如下:

<input type="radio" name="r" id="r1">1

<input type="button" onclick="javascript:document.getElementById('r1').checked=true" value="选中1">

<input type="button" onclick="javascript:document.getElementById('r1').checked=false" value="取消1">