JavaScript正反选

代码实例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><button onclick="selectAll()">全选</button>
<button onclick="Cancel()">取消</button>
<button onclick="reverse()">反选</button>
<hr>
<table border="1px" ><tr><td><input type="checkbox"></td><td>111</td><td>111</td><td>111</td></tr><tr><td><input type="checkbox"></td><td>222</td><td>222</td><td>222</td></tr><tr><td><input type="checkbox"></td><td>333</td><td>333</td><td>333</td></tr>
</table><script>function selectAll() {var inputs=document.getElementsByTagName("input");for (var i=0;i<inputs.length;i++){var input=inputs[i]input.checked=true;}}function Cancel() {var inputs=document.getElementsByTagName("input");for (var i=0;i<inputs.length;i++){var input=inputs[i]input.checked=false;}}function reverse() {var inputs=document.getElementsByTagName("input");for (var i=0;i<inputs.length;i++){var input=inputs[i];input.checked=!input.checked;//            if(input.checked){//                input.checked=false
//            }else {//                input.checked=true
//            }}}
</script></body>
</html>

JavaScript正反选相关推荐

JavaScript之实例练习（正反选、二级联动）
文章目录正反选案例二级联动案例正反选案例 1.使用的原理全选操作,就是遍历整个表格中的每一项,将checked设置为True 取消则是将checked全变为false就行反选则是非原来的状态 ...
事件练习正反选，二级城市联动，下拉菜单练习
正反选 [HTML页面] <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
经常使用的正則表達式归纳—JavaScript正則表達式
来源:http://www.ido321.com/856.html 1.正则优先级首先看一下正則表達式的优先级,下表从最高优先级到最低优先级列出各种正則表達式操作符的优先权顺序: 2.经常使用的正則 ...
javascript练习----复选框全选，全不选，反选
第一种方式: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF ...
JavaScript之jQuery够用即可（查找筛选器、属性操作、jQuery文档处理）
文章目录一.筛选器补充二.jQuery属性操作三.jQuery文档处理一.筛选器补充 1.过滤筛选器就是查看某个标签中是否存在另外一个标签 // console.log($("di ...
每个程序员都需要学习 JavaScript 的7个理由
最近在和招聘经理交流现在找一个好的程序员有多难的时候,我渐渐意识到了现在编程语言越来越倾重于JavaScript.Web开发人员尤其如此.所以,如果你是一个程序员,那么你应该去学习JavaScript ...
JavaScript将在企业环境中引发巨大变革
根据Forrester公司的报告,JavaScript与Node.js将给Java等企业常用的技术方案带来巨大转变. JavaScript目前已经广泛普及,而服务器端Node.js运行时环境则已经成为 ...
JavaScript 简史
本文转载自:众成翻译译者:网络埋伏纪事审校: 为之漫笔链接:http://www.zcfy.cc/article/2389 原文:https://auth0.com/blog/a-brief-h ...
用JSLint精炼提升JavaScript代码
由于移动应用的盛行和HTML5的广泛运用,JavaScript正越来越流行.JavaScript受欢迎的部分原因是因为它的灵活便捷,你可以快速上手,它不需要重量级的开发环境,也不需要第三方应用支持,只 ...

JavaScript正反选

JavaScript正反选相关推荐

最新文章

热门文章