javascript实现全选与反选
来源:互联网 发布:淘宝软文引流怎么写 编辑:程序博客网 时间:2024/05/21 18:48
<script language="JavaScript">
//全选/全不选 功能的实现------------------------------------------------------------
function change(){
var inputQXNode = document.getElementsByName("CheckItiems")[0];
var checkNodes = document.getElementsByName("itiems");
//alert(checkNodes.length);
for(var i=0;i<checkNodes.length;i++){
checkNodes[i].checked=inputQXNode.checked;
}
}
//全选 功能的实现------------------------------------------------------------------
function quanxuan(){
var checkNodes = document.getElementsByName("itiems");
//alert(checkNodes.length);
for(var i=0;i<checkNodes.length;i++){
checkNodes[i].checked=true;
}
}
//全不选 功能的实现------------------------------------------------------------------
function quanbuxuan(){
var checkNodes = document.getElementsByName("itiems");
//alert(checkNodes.length);
for(var i=0;i<checkNodes.length;i++){
checkNodes[i].checked=false;
}
}
//反选 功能的实现------------------------------------------------------------------
function fanxuan(){
var checkNodes = document.getElementsByName("itiems");
//alert(checkNodes.length);
for(var i=0;i<checkNodes.length;i++){
var flag = checkNodes[i].checked;
checkNodes[i].checked=!flag;
}
}
</script>
<body>
<input type="checkbox" name ="CheckItiems" onchange="change()">全选/全不选<br>
<input type="checkbox" name ="itiems" value="足球"/>足球<br>
<input type="checkbox" name ="itiems" value="足球"/>篮球<br>
<input type="checkbox" name ="itiems" value="足球"/>游泳<br>
<input type="checkbox" name ="itiems" value="足球"/>唱歌<br>
<button onclick="quanxuan()">全选</button><button onclick="quanbuxuan()">全不选</button><button onclick="fanxuan()">反选</button>
</body>
</html>
//全选/全不选 功能的实现------------------------------------------------------------
function change(){
var inputQXNode = document.getElementsByName("CheckItiems")[0];
var checkNodes = document.getElementsByName("itiems");
//alert(checkNodes.length);
for(var i=0;i<checkNodes.length;i++){
checkNodes[i].checked=inputQXNode.checked;
}
}
//全选 功能的实现------------------------------------------------------------------
function quanxuan(){
var checkNodes = document.getElementsByName("itiems");
//alert(checkNodes.length);
for(var i=0;i<checkNodes.length;i++){
checkNodes[i].checked=true;
}
}
//全不选 功能的实现------------------------------------------------------------------
function quanbuxuan(){
var checkNodes = document.getElementsByName("itiems");
//alert(checkNodes.length);
for(var i=0;i<checkNodes.length;i++){
checkNodes[i].checked=false;
}
}
//反选 功能的实现------------------------------------------------------------------
function fanxuan(){
var checkNodes = document.getElementsByName("itiems");
//alert(checkNodes.length);
for(var i=0;i<checkNodes.length;i++){
var flag = checkNodes[i].checked;
checkNodes[i].checked=!flag;
}
}
</script>
<body>
<input type="checkbox" name ="CheckItiems" onchange="change()">全选/全不选<br>
<input type="checkbox" name ="itiems" value="足球"/>足球<br>
<input type="checkbox" name ="itiems" value="足球"/>篮球<br>
<input type="checkbox" name ="itiems" value="足球"/>游泳<br>
<input type="checkbox" name ="itiems" value="足球"/>唱歌<br>
<button onclick="quanxuan()">全选</button><button onclick="quanbuxuan()">全不选</button><button onclick="fanxuan()">反选</button>
</body>
</html>
0 0
- javascript实现全选与反选
- javascript实现全选/反选
- javascript实现---全选、反选
- javaScript 全选与反选
- javascript 全选与反选
- javascript实现全选/取消全选,反选/取消反选
- JAVASCRIPT +CHECKBOX实现全选与反选函数--CTO
- 实现全选与反选
- 用Javascript实现全选和反选
- javascript实现全选,反选及全不选
- javascript实现全选、反选、取消操作
- 用javascript实现全选/反选组件
- javascript------实现全选、反选、全不选
- JavaScript实现全选 反选 全不选
- JavaScript特效--全选与反选
- JavaScript全选与反选,实用代码
- javascript全选 反选
- javascript 全选 反选
- Android混淆打包错误Conversion to Dalvik format failed with error 1
- 【经典算法】:用字符串模拟计算器的生成
- 通过C++和shell脚本去解析URL && c++调用shell脚本后将脚本的内容返回给程序
- SQL索引一步到位
- Effective C++读书笔记一
- javascript实现全选与反选
- string与int类型转换 && reserse()
- react native for android
- Android Material适配 为控件设置指定背景色和点击波纹效果
- 基本的TCP编程
- 解决Android加载图片时内存溢出的问题
- Quartz2D绘图一
- HDU 5072 Coprime(容斥)
- 用python + hadoop streaming 编写分布式程序的本地调试方法