两个表的内容是用HTML做的
就是每个表中的每行前面都有一个checkbox,选中,然后点表一面的删除按钮就把此行删掉了,怎么实现呢?谢谢了
用JAVASCRIPT怎么实现删除表的一行啊,包括内容。还有就是点击添加将此页表中的内容添加到另一页的表中?
答案:1 悬赏:30 手机版
解决时间 2021-02-24 18:00
- 提问者网友:兔牙战士
- 2021-02-24 03:11
最佳答案
- 五星知识达人网友:痴妹与他
- 2021-02-24 04:12
<html>
<head>
<title></title>
</head>
<body>
<table width="200" border="1">
<tr>
<td><input type="checkbox" name="t1" id="t1" /> </td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
</tr>
<tr>
<td><input type="checkbox" name="t2" id="t2" /></td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td><input type="checkbox" name="t3" id="t3" /></td>
<td>31</td>
<td>32</td>
<td>33</td>
<td>34</td>
<td>35</td>
</tr>
<tr>
<td><input type="checkbox" name="t4" id="t4" /></td>
<td>41</td>
<td>42</td>
<td>43</td>
<td>44</td>
<td>45</td>
</tr>
<tr>
<td><input type="checkbox" name="t5" id="t5" /></td>
<td>51</td>
<td>52</td>
<td>53</td>
<td>54</td>
<td>55</td>
</tr>
</table>
<p>
<button onclick="f1()">删除</button>
<button onclick="f2()">添加</button>
</p>
<table width="200" border="1" id="table2">
<tr>
<td>aa</td>
<td>bb</td>
<td>cc</td>
<td>dd</td>
<td>ee</td>
</tr>
<tr>
<td>AA</td>
<td>BB</td>
<td>CC</td>
<td>DD</td>
<td>EE</td>
</tr>
</table>
<script>
function f1(){
for(var i=1;i<=5;i++){
try{
var kk = eval("t"+i);
if(kk.checked){
kk.parentNode.parentNode.innerText="";
}
}catch(e){}
}
}
function f2(){
var table2 = document.getElementById("table2");
for(var i=1;i<=5;i++){
try{
var kk = eval("t"+i);
if(kk.checked){
var adtr = table2.insertRow();
for(var j=0;j<5;j++){
var adtd = adtr.insertCell(j);
adtd.innerText = kk.parentNode.parentNode.childNodes[j+1].innerText;
}
}
}catch(e){}
}
}
</script>
</body>
</html>
<head>
<title></title>
</head>
<body>
<table width="200" border="1">
<tr>
<td><input type="checkbox" name="t1" id="t1" /> </td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
</tr>
<tr>
<td><input type="checkbox" name="t2" id="t2" /></td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td><input type="checkbox" name="t3" id="t3" /></td>
<td>31</td>
<td>32</td>
<td>33</td>
<td>34</td>
<td>35</td>
</tr>
<tr>
<td><input type="checkbox" name="t4" id="t4" /></td>
<td>41</td>
<td>42</td>
<td>43</td>
<td>44</td>
<td>45</td>
</tr>
<tr>
<td><input type="checkbox" name="t5" id="t5" /></td>
<td>51</td>
<td>52</td>
<td>53</td>
<td>54</td>
<td>55</td>
</tr>
</table>
<p>
<button onclick="f1()">删除</button>
<button onclick="f2()">添加</button>
</p>
<table width="200" border="1" id="table2">
<tr>
<td>aa</td>
<td>bb</td>
<td>cc</td>
<td>dd</td>
<td>ee</td>
</tr>
<tr>
<td>AA</td>
<td>BB</td>
<td>CC</td>
<td>DD</td>
<td>EE</td>
</tr>
</table>
<script>
function f1(){
for(var i=1;i<=5;i++){
try{
var kk = eval("t"+i);
if(kk.checked){
kk.parentNode.parentNode.innerText="";
}
}catch(e){}
}
}
function f2(){
var table2 = document.getElementById("table2");
for(var i=1;i<=5;i++){
try{
var kk = eval("t"+i);
if(kk.checked){
var adtr = table2.insertRow();
for(var j=0;j<5;j++){
var adtd = adtr.insertCell(j);
adtd.innerText = kk.parentNode.parentNode.childNodes[j+1].innerText;
}
}
}catch(e){}
}
}
</script>
</body>
</html>
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯