javascript实现全选,反选及全部选
html 代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function select1(oper){
var arr= document.getElementsByName("fav");
for(var i=0;i<arr.length;i++){
switch(oper){
case 1:
arr[i].checked=oper;
break;
case 0:
arr[i].checked=oper;
break;
case -1:
arr[i].checked=! arr[i].checked;
break;
}
}
}
</script>
</head>
<body>
<input type="checkbox" name="fav" value="吃饭"/>吃放
<input type="checkbox" name="fav" value="吃饭2"/>吃放2
<input type="checkbox" name="fav" value="吃饭3"/>吃放3
<input type="checkbox" name="fav" value="吃饭4"/>吃放5
<input type="checkbox" name="fav" value="吃饭6"/>吃放6
<input type="checkbox" name="fav" value="吃饭7"/>吃放7
<input type="checkbox" name="fav" value="吃饭8"/>吃放8
<input type="button" value="全选" onclick="select1(1)" />
<input type="button" value="反选" onclick="select1(-1)" />
<input type="button" value="取消" onclick="select1(0)" />
</body>
</html>
分享到:
相关推荐
Javascript实现全选反选 Javascript绑定事件
JS JS实现全选反选 全选 反选
jQuery实现全选反选操作案例 本文实例为大家分享了jQuery实现全选反选操作的具体代码,供大家参考,具体内容如下 全选+反选 可根据控制台结合查看结果 <!DOCTYPE html> <html lang="en"> <head> ...
jQuery表格行全选反选单选代码,例子采用bootstrap格式,可以选择自定义。
<script language=javascript> function checkAll(boolvalue){ var items=document.getElementsByTagName("input"); for(i=0;i;i++){ if(items[i].type=="checkbox"){ items[i].checked=boolvalue; } } } ...
很好用的使用jquery来实现的通用的全选反选功能
JS简单表格列表全选反选代码.zip
简单的JAVASCRIPT全选/反选,比较实用
通过checkbox,用javascript实现全选与反选,通过servlet对数据库进行批量的删除
复选框的应用(全选、反选、全不选效果)
javaScript入门案例之复选框全选,全不选,反选
javascript 实现复选框全选/取消功能
本文实例为大家分享了JavaScript实现表单全选或反选的具体代码,供大家参考,具体内容如下 表单中常常会用到checkbox复选框,通过复选框做出的列表全选或全不选的效果也是很常见的,比如购物车的商品列表,所以本篇...
主要为大家详细介绍了javaScript实现复选框全选反选事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
Javascript编程,实现对HTML页上的选择控件进行全选与反选操作以及button属性修改。
通过checkbox,用javascript实现全选与反选,通过servlet对数据库进行批量的删除,asp源码
博文链接:https://fuhao9611.iteye.com/blog/72218
复选框的全选 、反选、使用javascript 项目中经常使用