javascript复选框全选、全不选、反选、必选一个

最新推荐文章于 2022-10-27 11:41:47 发布

gfangxiong

最新推荐文章于 2022-10-27 11:41:47 发布

阅读量777

点赞数

分类专栏： Ajax 文章标签： javascript 音乐游戏

本文链接：https://blog.csdn.net/gfangxiong/article/details/7346554

版权

Ajax 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>
复选框全选、全不选、反选、必选一个
</title>
<meta http-equiv="content-type" content="text/html;charset=GBK"/>
<mce:script language="javascript"><!--
//表单验证
function check(){
var ids = document.getElementsByName("ids");
var flag = false ;
for(var i=0;i<ids.length;i++){
if(ids[i].checked){
flag = true ;
break ;
}
}
if(!flag){
alert("请最少选择一项！");
return false ;
}
}
//全选
function iselect(){ //其中函数字不能为select 其为JS保留字
var ids = document.getElementsByName("ids");
var all = document.getElementById("all");
for(var i=0;i<ids.length;i++){
ids[i].checked=all.checked;
}
}
//全选
function selectAll(){
var ids = document.getElementsByName("ids");
for(var i=0;i<ids.length;i++){
ids[i].checked=true;
}
}
//全不
function selectNone(){
var ids = document.getElementsByName("ids");
for(var i=0;i<ids.length;i++){
ids[i].checked=false;
}
}
//反选
function selectInvert(){
var ids = document.getElementsByName("ids");
for(var i=0;i<ids.length;i++){
if(ids[i].checked)
ids[i].checked=false ;
else
ids[i].checked=true ;
}
}
// --></mce:script>
</head>
<body>
<form action="#" onsubmit="return check();">
<table border="0">
<tr><td><input type="checkbox" id="all" onclick="iselect();"></td></tr>
<tr><td><input type="checkbox" name="ids">音乐</td></tr>
<tr><td><input type="checkbox" name="ids">短信</td></tr>
<tr><td><input type="checkbox" name="ids">图片</td></tr>
<tr><td><input type="checkbox" name="ids">电子书</td></tr>
<tr><td><input type="checkbox" name="ids">铃声</td></tr>
<tr><td><input type="checkbox" name="ids">漫画</td></tr>
<tr><td><input type="checkbox" name="ids">游戏</td></tr>
<tr><td><input type="checkbox" name="ids">杂志</td></tr>
<tr><td><input type="checkbox" name="ids">新闻</td></tr>
<tr>
<td>
<a href="#" mce_href="#" onclick="selectAll();">全选</a>
<a href="#" mce_href="#" onclick="selectNone();">全不</a>
<a href="#" mce_href="#" onclick="selectInvert();">反选</a>
</td>
</tr>
<tr><td><input type="submit" value="提交"></td></tr>
</table>
</form>
</body>
</html>

gfangxiong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript复选框全选、全不选、反选、必选一个

html> head> title> 复选框全选、全不选、反选、必选一个 title> meta http-equiv="content-type" content="text/html;charset=GBK"/> mce:script language="javascript">
复制链接

扫一扫

专栏目录