首页 > 代码库 > javascript举个栗子
javascript举个栗子
<style></style>
序列 | 标题 | 发件人 | |
一个java问题 | 张三@qq.com | 删除 | |
一个c#问题 | 李三@qq.com | 删除 | |
删除 |
全选全反选,单删除,全删除。
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> table { border:1px solid red; border-collapse:collapse; } td { border:1px solid red; } </style></head><body> <table> <tr> <td >序列</td> <td >标题</td> <td >发件人</td> <td></td> </tr> <tr> <td class="td1"><input type="checkbox" class="ck1"/></td> <td class="td1">一个java问题</td> <td class="td1">张三@qq.com</td> <td><a href="http://www.mamicode.com/#" class="delete01" >删除</a></td> </tr> <tr> <td class="td1"><input type="checkbox" class="ck1"/></td> <td class="td1">一个c#问题</td> <td class="td1">李三@qq.com</td> <td><a href="http://www.mamicode.com/#" class="delete01" >删除</a></td> </tr> <tr> <td colspan="2"><input type="checkbox" id="ckall"/></td> <td><a href="http://www.mamicode.com/#" id="delete02">删除</a></td> </tr> </table></body></html><script type="text/javascript"> var deleteobjetes = document.getElementsByClassName("delete01"); for (var i = 0; i < deleteobjetes.length;i++) { deleteobjetes[i].onclick = function () { //alert("ddd"); var trnode = this.parentNode.parentNode; trnode.parentNode.removeChild(trnode); } } document.getElementById("ckall").onclick = function () { var ckobjects = document.getElementsByClassName("ck1"); for (var i = 0; i < ckobjects.length; i++) { ckobjects[i].checked = this.checked; } } document.getElementById("delete02").onclick = function () { var ckobjects= document.getElementsByClassName("ck1") for (var i = ckobjects.length-1; i>=0; i--) { if (ckobjects[i].checked) { var removeobject = ckobjects[i].parentNode.parentNode; removeobject.parentNode.removeChild(removeobject); } } } </script>
<script type="text/javascript">// =0; i--) { if (ckobjects[i].checked) { var removeobject = ckobjects[i].parentNode.parentNode; removeobject.parentNode.removeChild(removeobject); } } } // ]]></script>
javascript举个栗子
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。