在HTML中如何用JavaScript判断复选框checkbox是否被选中?
if(document.getElementById("customer").ckecked==true){b=1;}else{b=0;}customer是我一个chec...
if(document.getElementById("customer").ckecked==true){
b=1;
}else{
b=0;
}customer是我一个checkbox的id属性值但是我选中状态和未选中状态一直返回false 展开
b=1;
}else{
b=0;
}customer是我一个checkbox的id属性值但是我选中状态和未选中状态一直返回false 展开
1个回答
展开全部
js判断复选框是否选中
[html] view plain copy
<!doctype html>
<html lang="cn">
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<title>复选框全选、全不选、反选、必选一个</title>
<script type="text/javascript">
//全选
function selectAll() {
var names = document.getElementsByName("bjjb");
for(var i=0;i<names.length;i++){
names[i].checked=true;
}
}
//全不选
function selectNone() {
var names = document.getElementsByName("bjjb");
for(var i=0;i<names.length;i++){
names[i].checked=false;
}
}
//反选
function selectInvert() {
var names = document.getElementsByName("bjjb");
for(var i=0;i<names.length;i++){
if(names[i].checked){
names[i].checked=false ;
}else{
names[i].checked=true ;
}
}
}
//必须选择一个
function selectOne() {
var names = document.getElementsByName("bjjb");
var flag = false ;//标记判断是否选中一个
for(var i=0;i<names.length;i++){
if(names[i].checked){
flag = true ;
break ;
}
}
if(!flag){
alert("请最少选择一项！");
return false ;
}
}
</script>
</head>
<body>
<form id="checkboxform" method="post" action="">
<input type="checkbox" name="bjjb" value="1">交通事故<br>
<input type="checkbox" name="bjjb" value="2">自然灾害<br>
<input type="checkbox" name="bjjb" value="3">恶劣天气<br>
<input type="checkbox" name="bjjb" value="4">严重违法行为<br>
<input type="checkbox" name="bjjb" value="5">路面损毁<br>
<a href="javascript:void(0);" onclick="selectAll()">全选</a>
<a href="javascript:void(0);" onclick="selectNone()">全不选</a>
<a href="javascript:void(0);" onclick="selectInvert()">反选</a>
<a href="javascript:void(0);" onclick="selectOne()">必须选择一个</a>
</form>
</body>
</html>
备注：
1：以上常见判断在实际开发中经常运用。温故而知新是一件非常好的事情。
2：在function方法中执行判断加return 表示满足条件，return后的内容将不再进行执行,如何没有加return 那么createWindow()会继续执行。如：
function clickSupervise() {
//判断是否选择了警情
var jqid = $("#jqid1").val();
if("" == jqid || jqid==null || jqid==undefined){
alert("请先选择警情信息！");
return;
}
//创建窗口
createWindow();
}
参考资料
CSDN.CSDN[引用时间2018-1-20]
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
