首页 > 我要写一个"选中一行前面的复选框,然后点击同一行内的“删除选项",删除这一行内容的JS

我要写一个"选中一行前面的复选框,然后点击同一行内的“删除选项",删除这一行内容的JS

我要写一个"选中一行前面的复选框,然后点击同一行内的“删除选项",删除这一行内容的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是怎么回事?

【热门文章】
【热门文章】