关于input checkbox是否选中判断(包含单选框和多选框)待完善
程序员文章站
2022-07-14 22:32:35
...
注册页面最后的登录按钮,onclick 后,需要判断上面的“同意条款”是否勾选。
html 界面
- 单选框
<input type="button" value="登录" id="submitBtn" style = "font-size: 36px;"/>
本人一般习惯通过getElementById()选中该checkbox, 当然通过getElementsByTagName(“input”)[i] 也可以选中
选中后需要判断是否勾选
if(confirmation.checked ==false){
alert("请同意条款");
}
- 多选框(待完善…)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<label >
<input type="checkbox" name ="gender"value="male"/>male
</label>
<label>
<input type="checkbox" name ="gender" value="female" />female
</label>
<label>
<input type="checkbox" name ="gender" value="unknown"/>undefined
</label>
<div></div>
<script type="text/javascript">
var oDiv = document.getElementsByTagName("div")[0];
var input =document.getElementsByName("gender");
input.onchange =function(){
for(var i = 0; i<3;i++){
if(input[i].checked ==true){
oDiv.innerHTML ="第"+i+1+"项被选中";
}
}
}
</script>
</body>
</html>