我要写一个"选中一行前面的复选框,然后点击同一行内的“删除选项",删除这一行内容的JS
应该怎么写?
表格的ID号是#articleOriginal
删除文章的ID号是#del
复选框的CLASS是 .cbox
然后点击后是没反应,原来的内容还在,没有被删除掉。
请问大神该如何解决
利用AJAX向后台传送数据删除文章,然后再刷新页面。你的ajax是不是写错了,怎么有两个type,而且你的url有值吗?
哦,这个问题解决了。
你可以参考一下这个:
http://.com/q/1010000003845995?_ea=391076
不同的只是删除按钮的位置不一样了, 且删除的是所在行.
<table>
<tr>
<td><input type="checkbox" /></td>
<td>xxx</td>
<td>yyyy</td>
<td><input type="button" value="删除" class="del" /></td>
<td>11111</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>xxx</td>
<td>yyyy</td>
<td><input type="button" value="删除" class="del" /></td>
<td>222222</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>xxx</td>
<td>yyyy</td>
<td><input type="button" value="删除" class="del" /></td>
<td>333333</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>xxx</td>
<td>yyyy</td>
<td><input type="button" value="删除" class="del" /></td>
<td>44444444</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>xxx</td>
<td>yyyy</td>
<td><input type="button" value="删除" class="del" /></td>
<td>5555</td>
</tr>
</table>
<button>删除</button>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$('body').on('click', 'input.del', function(){
$(this.parentNode.parentNode).remove();
});
$('button').click(function(){
$('input:checked').each(function(){//找到所有选中的 复选框
$(this.parentNode.parentNode).remove();//复选框上一层
});
});
</script>
请问你的两个type
是怎么回事?