JavaScript反选
来源:互联网 发布:软件自动升级程序 编辑:程序博客网 时间:2024/05/18 01:46
//应用外置的JS
function test7(){
var status = document.getElementsByClassName("all")[0].checked;
var strs = document.getElementsByClassName('str');
for(i in strs){
strs[i].checked = status;
}
}
function test8(){
var status = document.getElementsByClassName("all")[0].checked;
var strs = document.getElementsByClassName('str');for(var i=0;i<=strs.length-1;i++){
if (strs[i].checked == true) { // checked属性,true false
strs[i].checked=false;
}else{
strs[i].checked=true;
}
}
}
<table>
<thead>
<th><input type="checkbox" class="all" onchange="test7()"></th>
<!--checkbox 复选框 radio单选框,select 会触发onchange事件 值改变事件-->
<th>姓名</th>
<th>专业</th>
<th>学号</th>
</thead>
<tbody>
<tr>
<td><input type="checkbox" class="str"></td>
<td>张三</td>
<td>会计</td>
<td>2017001</td>
</tr>
<tr>
<td><input type="checkbox" class="str"></td>
<td>李四</td>
<td>会计</td>
<td>2017002</td>
</tr>
<tr>
<td><input type="checkbox" class="str"></td>
<td>王五</td>
<td>数学</td>
<td>2017003</td>
</tr>
<tr>
<td><input type="checkbox" class="str"></td>
<td>赵明</td>
<td>物理</td>
<td>2017004</td>
</tr>
</tbody>
</table>
<!--反选按钮!-->
<input type="button" value="反选" onclick="test8()" />
- javascript全选 反选
- javascript 全选 反选
- javascript全选反选
- JavaScript反选
- javascript全选和反选
- Javascript全选,反选,全不选
- JavaScript控制全选、反选
- javascript实现全选/反选
- javascript实现---全选、反选
- JavaScript 全选,反选,全不选
- javaScript 全选与反选
- javascript全选和反选
- javaScript 全选 反选案例
- javascript 全选、全不选、反选
- Javascript:全选和反选
- JavaScript-CheckBox全选/反选
- javascript 全选与反选
- Javascript 实例--全选反选
- 宋家皇朝.
- conversion function 转换函数笔记----C++学习之路
- 运用继承来给员工发工资
- 标准输入/输出和重定向
- 【总结】分类、聚类的评估指标
- JavaScript反选
- Gauss消元法的Matlab实现
- linux目录编程:DIR,stat, dirent结构体解析与应用
- 将图片设置为背景的图片的案例
- 学习c程的一点点感想
- mysql外键约束解释说明
- leetcode 695 题解
- 用java写一个简单的计算器详解代码
- 11月5日