实现HTML页面复选框的全选
<html>
<head>
<title>审核视频资源</title>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
<script>
function select_all(){ //全选
var inputs =document.getElementsByName("course[]"); //通过名字获取复选框
varselectornot=document.getElementById("quanxuan");//获取全选框的id
if(selectornot.checked) {
for(var i=0;i<inputs.length;i++)
{
inputs[i].checked = true;
}
} else if(selectornot.checked==false)
{
for(var i=0;i<inputs.length;i++)
{
inputs[i].checked = false;
}
}
}
</script>
</head>
<body>
<select name='name'>
<option value='1'>计算机</option>
<option value='2'>数据库</option>
<option value='3'>C++程序设计</option>
</select>
<input type="text"name="description" maxlength="200">
<input type="checkbox"name="course[]" value="4">数据库
<input type="checkbox"name="course[]" value="5">计算机
<input type="checkbox"name="course[]" value="6">算法
<input type="checkbox"name="course[]" value="7" οnclick="select_all()"id="quanxuan">全选
</body>
</html>
验证用户在提交前是否已经有在复选框前打勾
function selected(){
var inputs =document.getElementsByName("caozuo[]");
for(var i=0;i<inputs.length;i++)
{
if(inputs[i].checked == true) {
document.myform.action="__URL__/process/method/2";//如果已经勾选了要处理的复选框,则跳转到相应的方法中
document.myform.submit();
return true;
}
}
//没有勾选则返回false告诉浏览器不用跳转
alert("请在要操作的视频资源信息所在一行的复选框中打勾!");
return false;
}
<inputtype="submit" value="批准"οnclick="return selected()">//在调用函数时要加“return”