如何删除选中的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在浏览器中的指向



快速导航

Copyright © 2016 phpStudy |