1、首先我们选择创建一个新的html5页面并完成初始化代码。
2、创建两个新的输入标记，一个用于用户输入变量，另一个用于用户更改变量的值。
3、编写脚本标记，将js代码写入内部，我们通过js获得两个输入标记元素。
4、执行按钮标记的click事件功能，也就是说，当用户单击“加一”按钮时，将调用此函数。
5、在函数中，我们首先将变量转换为数字，然后在数字中加一，以实现用js更改html变量的功能。
6、要刷新下一页，我们输入数字“18”并单击“加一”按钮。
7、我们可以看到输入框中变量的值变为19，变量的值变为js。
js判断复选框是否选中[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]
