jsp页面布局和执行程序在同一个页面,现在希望给每条提交的信息加上复选框,批量删除,求具体代码和解决方法,大恩不言谢。
贴下代码,批量删除其实很简单,
给你个简单的小例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div>
<div><input type="checkbox" id="checkboxall" />全选[再次点击可取消]</div>
<span id="span1"><input type="checkbox" name="checkboxspan" value="1" />1</span>
<span id="span2"><input type="checkbox" name="checkboxspan" value="2" />2</span>
<span id="span3"><input type="checkbox" name="checkboxspan" value="3" />3</span>
<span id="span4"><input type="checkbox" name="checkboxspan" value="4" />4</span>
<span id="span5"><input type="checkbox" name="checkboxspan" value="5" />5</span>
<span id="span6"><input type="checkbox" name="checkboxspan" value="6" />6</span>
<span id="span7"><input type="checkbox" name="checkboxspan" value="7" />7</span>
<span id="span8"><input type="checkbox" name="checkboxspan" value="8" />8</span>
<span id="span9"><input type="checkbox" name="checkboxspan" value="9" />9</span>
<span id="span10"><input type="checkbox" name="checkboxspan" value="10" />10</span>
<input type="button" value="删除选中" id="deleteBtn" />
</div>
<script>
$(document).ready(function(){
$("#checkboxall").click(function(){
// 全选的选中状态.
var check = $(this).prop("checked");
$("input[type='checkbox'][name='checkboxspan']").prop('checked',check);
})
$("#deleteBtn").click(function(){
if(confirm('确认删除选中?')){
$("input[type='checkbox'][name='checkboxspan']:checked").each(function(){
console.log($(this).val());
$("#span"+$(this).val()).remove();
})
}
})
})
</script>
</body>
</html>