如何删除选中的cell中对应的行?


<html>
<meta charset="utf-8">
<head>
<script type="text/javascript">
    function fun(){
        var boxes = document.getElementsByName("input");
        for(i=0;i<boxes.length;i++){
            if(boxes[i].checked){
                tr = boxes[i].parentNode.parentNode;
                tr.parentNode.removeChild(tr);
            }
        }
    }
</script>
</head>
<body>

     <table id = "test">
        <tr><td><input  type="radio" name="delete1">yes<input  type="radio" name="delete1">no</td><td>1</td><td>2</td><td>3</td></tr>
        <tr><td><input  type="radio" name="delete2">yes<input  type="radio" name="delete2">no</td><td>4</td><td>5</td><td>6</td></tr>
        <tr><td><input  type="radio" name="delete3">yes<input  type="radio" name="delete3">no</td><td>7</td><td>8</td><td>9</td></tr>
        <tr><td><input  type="radio" name="delete4">yes<input  type="radio" name="delete4">no</td><td>10</td><td>11</td><td>12</td></tr>
     </table>
     <input type="button" value="删除" onclick="fun()">
</body>
</html>

如何修改我的代码才能,删除选中的cell中(如果选了yes),表明删除这行。

你的代码都对,根据元素名查询应该用 getElementsByTagName 。

//你的错误代码
//var boxes = document.getElementsByName("input");
//修改后
var boxes = document.getElementsByTagName("input");

还有 选中 yes,才删除,这个判断你还没写,我给你补上。

<html>
<meta charset="utf-8">
<head>
<script type="text/javascript">
    function fun(){
        var boxes = document.getElementsByTagName("input");
        for(i=0;i<boxes.length;i++){
            //注意:textContent 只有 IE9 以上支持
            // 如果考虑兼容,可以再 input 增加个 value="yes",判断使用: boxes[i].value == "yes",这是最好的方式
            //如果 radio 个数固定,判断可以使用:i % 2 == 0,建议不要用
            if(boxes[i].checked && boxes[i].nextSibling.textContent == "yes"){
                tr = boxes[i].parentNode.parentNode;
                tr.parentNode.removeChild(tr);
            }
        }
    }
</script>
</head>
<body>

     <table id = "test">
        <tr><td><input  type="radio" name="delete1">yes<input  type="radio" name="delete1">no</td><td>1</td><td>2</td><td>3</td></tr>
        <tr><td><input  type="radio" name="delete2">yes<input  type="radio" name="delete2">no</td><td>4</td><td>5</td><td>6</td></tr>
        <tr><td><input  type="radio" name="delete3">yes<input  type="radio" name="delete3">no</td><td>7</td><td>8</td><td>9</td></tr>
        <tr><td><input  type="radio" name="delete4">yes<input  type="radio" name="delete4">no</td><td>10</td><td>11</td><td>12</td></tr>
     </table>
     <input type="button" value="删除" onclick="fun()">
</body>
</html>



相关阅读:
js弹窗验证失败
关于STUN协议中属性的一点问题
vuejs 折叠面板的展开收缩动画应该怎么实现?用vue自带的过渡效果还是css3?
关于表单页面提交信息的判断
extjs3.2 panel组件能否添加focus和blur事件
如何将全局变量i变成函数的局部变量?
vue应用嵌在微信里 ,点击微信右上角的分享其中一个页面的链接 ,怎样让用户点开来就是当前页面呢?
AngularJS路由添加controller问题
PC端API和移动端API有什么不同吗?
pycharm 如何配置 python3 的开发环境?
vue中通过this.$router.push 到当前页面,只是参数不同,页面没有重新请求数据?
vue.js2.0中set和get的问题
$.ajax 跨域 options
mysql 的IFNULL失效
webpack在安装的时候出现问题
使用websocket上传视频文件后无法播放
作用域链的问题?
angular.js高级程序设计书本开头配置环境出错,谁能给解答一下
样式和类样式区别
关于this在浏览器中的指向



快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 《狗、猫、鼠》读后感 梦境作文700字 巡游感受 2015高考作文题目之间的故事 写家务事的作文 评论最高的说说吸引人的qq空间说说大全 要敢于失败 我们班的小猴子作文250字 愚人节趣味整人短信 正规雇佣合同范本 我的家乡——美丽的赣州 三国演义读后感600字 十年后的家乡环保作文 毕业设计论文评语 哭泣的小树作文200字 试破解大学生“就业难”与用人单位“招人难”并存的悖论 动物探险作文3000字 中秋节短信祝福 群众路线实践教育活动心得体会例文 小学省军训作文500字:军训感想 初三班级工作计划_班级工作计划 许儿 回味一生的情感故事读后感300字 烧窑 小学五年级作文500字:奇妙的蛋 实施“领头雁”培训延伸计划情况报告 李小胜:“升迁受阻就捞钱”纯属鬼把脚扯到 真实故事:与初恋女友的三次握手(琼阁湘俊) 每个人的一生都注定要跋涉坎坷 我的密友作文500字 闻“喜悦”,感“酌酒” 乡工作目标管理责任状执行情况总结 关于专业的演讲稿 荷花,我爱你 六年级体育教师教学工作总结 关于进一步加强师德师风建设的倡议 整理房间作文450字 水蜜桃豪宅作文200字 沉甸甸的采访记录 2017年2月节日大全 唠叨的内涵作文600字 2016镇劳动保障所述职报告 初中初一作文650字:不会写地震的来 让座500字 我是一个小书虫作文 小学四年级作文350字:我家的钟点工 戈雅为圣母画胡子的故事 唯创国际王振:从业务员到集团董事长的成功史 小学二年级作文300字:“红黑甲” 少先队新队员入队仪式方案

Copyright © 2016 phpStudy |