Question

JS实现checkbox批量删除，求大神帮忙解决

<asp:TemplateField HeaderText="<input onclick='checkFormAll(this.checked)' type='checkbox' id='chk_1' name='chk_1' value='1' />"
ItemStyle-Width="40px">
<ItemTemplate>
<input type='checkbox' id='chk_<%#Eval("id")%>' name='chk_<%#Eval("id")%>' value='<%#Eval("id")%>'
onclick="GetAllCheckBox(this)" />
</ItemTemplate>
<ItemStyle Width="40px"></ItemStyle>
</asp:TemplateField>

<input type="button" name="delete_button" id="delete_button" value="批量删除" onclick="deleteAll('del');" />
JS怎么写，根据ID来批量删除？

Answer 1

会用js获取选中的checkbox吧？value放你要删除的信息的ID，然后拼接value，将拼接好的值传到后台，在后台用split切割获取选中的ID，然后用for循环进行删除。思路有了，会批量删除了不？给你代码吧。
js中：

function dele(){
var check = document.getElementsByName("check");
var len=check.length;
var idAll="";
for(var i=0;i<len;i++){
if(check[i].checked){
idAll+=check[i].value+",";
}
}
window.location.href="dele.do?idAll="+idAll;
}
jsp中：

<input type="button" value="批量删除"/>
<table>
<tr><td><input type="checkbox" value="1" name="check"/></td><td>111</td></tr>
<tr><td><input type="checkbox" value="2" name="check"/></td><td>22</td></tr>
<tr><td><input type="checkbox" value="3" name="check"/></td><td>33</td></tr>
<tr><td><input type="checkbox" value="4" name="check"/></td><td>44</td></tr>
<tr><td><input type="checkbox" value="5" name="check"/></td><td>55</td></tr>
</table>
后台中：
获取到idAll参数。
String[] id = idAll.split(",");//用逗号切割
for(int i=0;i<id.length;i++){
dele(id[i]);//根据id删除

}

追问

后台代码能写全吗？

追答

你不会连删除一条信息都不会写吧？会连数据库不？连上数据库会写删除方法不？按步骤先把数据库连好，再写删除，在批量删除。

追问

算了算了

Answer 2

用jquery，一行代码就能搞定：
$(":checkbox:checked").remove();//删除所有选中项。