[html] view plain copy
<!doctype html>
<html lang="cn">
<head>
<meta http-equiv="content-type" content="text/htmlcharset=UTF-8"/>
<title>复选框全选、全不选、反选、必选一个</title>
<script type="text/javascript">
//全选
function selectAll() {
var names = document.getElementsByName("bjjb")
for(var i=0i<names.lengthi++){
names[i].checked=true
}
}
//全不选
function selectNone() {
var names = document.getElementsByName("bjjb")
for(var i=0i<names.lengthi++){
names[i].checked=false
}
}
//反选
function selectInvert() {
var names = document.getElementsByName("bjjb")
for(var i=0i<names.lengthi++){
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=0i<names.lengthi++){
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]
假设有一个<div id="div1" ></div>，可如下判断
var state =document.getElementById("div1").style.displayif(state =="none") //已经是隐藏状态
{
//使之可见
document.getElementById("div1").style.display = "block"
}
else
{
//使之不可见
document.getElementById("div1").style.display = "none"
}
如果 $limit 是动态网页 asp 或者php 输出到html的
那么 你在html就可以通过js获取
当然 要想通过js获取到 $limit 的前提是 把$limit放在一个隐藏域中
例如
<input id='limit ' type='hidden' value='变量值' /><div id=ctellist></div>
<script type="text/javascript">
var limit = document.getElementById("limit").value
if(limit==0){
document.getElementById("ctellist").innerHTML = "文字"
}else{
document.getElementById("ctellist").innerHTML = limit
}
</script>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）