导航:首页 > 编程语言 > javascript批量删除事件

javascript批量删除事件

发布时间:2023-02-03 17:53:08

1. js如何做批量删除

批量删除,要看你的前台页面是设计了,你如果是复选框的勾选,那只要获取被勾选的几个复选框,然后js累加好,返回给后台,就可以了,批量删除就是后台的事情了

2. JS的复选框批量删除问题

你JS写错了。
更正如下部分:
if(checked[i].checked){
var tr=checked[i].parentNode.parentNode; //obj是你传入的字符串,checked[i]才是checkbox控件
var tbody=tr.parentNode;
tbody.removeChild(tr);
}

3. js 删除 相同的td列的内容(批量删除)

那个代码中的这段
<div align="center"><div id=AdRotator></div><input id="second"><button onClick="adRotator.set(getRef('second').value)">set time</button></div>

这是显示的层 把它放到TD里面就可以了

原先代码中的这段要删除

不要等待提示就把这段代码
getRef(_o).innerHTML="total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "...";
_timeout=window.setTimeout(adRotator.load,10)
}
}
else
{
getRef(_o).innerHTML="total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "...";
_timeout=window.setTimeout(adRotator.load,10)

改成:

getRef(_o).innerHTML="";
_timeout=window.setTimeout(adRotator.load,10)
}
}
else
{
getRef(_o).innerHTML="";
_timeout=window.setTimeout(adRotator.load,10)

就可以了
其实就是把getRef(_o).innerHTML="";的值给空不给他赋值,统计还在工作 但是不会显示了。

4. JS实现checkbox批量删除,求大神帮忙解决

会用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删除

}

5. javascript中怎么实现表格行的批量删除

给你代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DOM动态删除TABLE多行</title>
<script type="text/javascript">
function $(objId){
return document.getElementById(objId);
}
function del_tbl(tblN,ckN){
var ck = document.getElementsByName(ckN);
var tab = $(tblN);
var rowIndex;
for(var i=0;i<ck.length;i++){
if(ck[i].checked){
rowIndex = ck[i].parentNode.parentNode.sectionRowIndex;
tab.deleteRow(rowIndex);
i = -1;
}
}
}</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="253" border="1" align="center" id="list">
<tr>
<td><input type="checkbox" name="cb_k" id="cb_k" /></td>
<td>2</td>
<td>3</td>
</tr>
<tr id="tr1">
<td width="28" height="41"><input type="checkbox" name="del" id="del" /></td>
<td width="124"><div align="center">第一行 </div></td>
<td width="79"><div align="center">1</div></td>
</tr>
<tr id="tr2">
<td height="36"><input type="checkbox" name="del" id="del" /></td>
<td><div align="center">第二行 </div></td>
<td><div align="center">2</div></td>
</tr>
<tr id="tr3">
<td height="40"><input type="checkbox" name="del" id="del" /></td>
<td><div align="center">第三行 </div></td>
<td><div align="center">3</div></td>
</tr>
<tr id="tr4">
<td height="37"><input type="checkbox" name="del" id="del" /></td>
<td><div align="center">第四行 </div></td>
<td><div align="center">4</div></td>
</tr>
<tr id="tr5">
<td height="50"><input type="checkbox" name="del" id="del" /></td>
<td><div align="center">第五行 </div></td>
<td><div align="center">5</div></td>
</tr>
<tr>
<td colspan="3">
<div align="center">
<input type="button" name="btn_del" id="btn_del" value="删 除" onclick="del_tbl('list','del')"/>
</div></td>
</tr>
</table>
</form>
</body>
</html>

6. 如何用javascript控制checkbox,并进行批量删除

有以下表单:里面有几个checkbox,如何当点击第一个checkbox而同时选择所有的checkbox呢?可以用后面的script方法:<form><table ><tr><td<input type="checkbox" name="ifAll" id="ifAll" onClick="checkAll()"></td><tr><td><input type="checkbox" name="selectFlag" value="checkbox1"></td></tr><tr><td><input type="checkbox" name="selectFlag" value="checkbox1"></td></tr><tr><td><input type="checkbox" name="selectFlag" value="checkbox2"></td></tr><tr><td><input type="checkbox" name="selectFlag" value="checkbox3"></td></tr><table ></form><script type="text/javascript">
function checkAll() {
for (var i = 0; i < document.getElementsByName("selectFlag").length; i++) {
document.getElementsByName("selectFlag")[i].checked = document.getElementById("ifAll").checked;}}</script>用以下方法可以得到所有checkbox的值:
String[] userIds = request.getParameterValues("selectFlag");//返回一个数组
然后进行删除:
调用方法:UserManager.getInstance().deleteUser(userIds);
(具体的方法deleteUser(userIds)如下)
public void deleteUser(String[] userIds) {
StringBuffer sbSql = new StringBuffer();
for (int i =0; i < userIds.length; i++) {
sbSql.append("'")
.append(userIds[i])
.append("',");}String sql = "delete from t_user where user_id in (" + sbSql.substring(0, sbSql.length() - 1) + ")";
Connection conn = null;
Statement stmt = null;try{conn = DB.getConn();//DB是一个链接数据库的javabeen
stmt = conn.createStatement();
stmt.executeUpdate(sql);
}catch(SQLException e) {

7. jsp怎么实现批量删除

步骤一:在jsp页面中,用jquery获取到对象的ID
<tr align="center" bgcolor="#FAFAF1" height="22">
<th width="4%"><input name="selectall" type="checkbox" id="selectall" value="101" class="np">全选</th>
<th width="6%">作业名称</th>
<th width="20%">作业简介</th>
<th width="10%">作业成绩</th>
<th width="10%">作业上传时间</th>
<th width="10%">提交人</th>
<th width="6%">操作</th></tr><s:iterator value="#session.allStaskpageResultSet.list" id="stask">
<!-- select stask.num,
stask.name as staskName,
stask.content,
stask.grade,
stask.uploadtime,
student.name as studentName --><tr align='center' bgcolor="#FFFFFF" onMouseMove="javascript:this.bgColor='#FCFDEE';" onMouseOut="javascript:this.bgColor='#FFFFFF';" height="50" >
<td><input name="atask" type="checkbox" id="ask" value="<s:property value="#stask[0]" />" class="np"></td>
<td><s:property value="#stask[1]" /></td>
<td><s:property value="#stask[2]" /></td>
<td><s:property value="#stask[3]" /></td>
<td><s:date name="#stask[4]" format="yyyy-MM-dd"/></td>
<td><s:property value="#stask[5]" /></td>
<td><a href="#" onclick="check()">删除</a></td></tr></s:iterator>

这里是用struts2标签,对数据进行迭代的输出
jquery全选的代码:
$("#selectall").click(
function(){
if(this.checked){
$("input[name='atask']").each(function(){this.checked=true;});
}else{
$("input[name='atask']").each(function(){this.checked=false;});
}
}
);

});1234567891011

jquery点击删除按钮时,对ID的获取,并跳转到action:
function check() {

var msg = "您真的确定要删除吗?";
if (confirm(msg)==true){
var allcheckbox = ""; var becheckbox = "";
$("input[name=atask]").each(function(){ //遍历table里的全部checkbox
allcheckbox += $(this).val() + ","; //获取所有checkbox的值
if($(this).attr("checked")) //如果被选中
becheckbox += $(this).val() + ","; //获取被选中的值
}); if(becheckbox.length > 0) //如果获取到
becheckbox = becheckbox.substring(0, becheckbox.length - 1); //把最后一个逗号去掉
window.location = "astask_batch_delete.action?checkTnum="+becheckbox;
}else{
return false;
}
}12345678910111213141516171819

然后就是在action中,对数据进行接收:
private String checkTnum; public String getCheckTnum() { return checkTnum;
} public void setCheckTnum(String checkTnum) { this.checkTnum = checkTnum;
}12345678

批量删除的方法:
public String batch_delete(){
String [] checkedNums = checkTnum.split(",");
adminService.batchDeleteStask(checkedNums); return "batch_delete";
}12345

这是对接收到的ID进行处理,然后再调用Service层的批量删除方法:
@Transactional
public void batchDeleteAsk(String [] anums){
String hql = ""; for(int i=0;i<anums.length;i++) { if(i==0) {
hql = "anum="+anums[i];
} else {
hql =hql + " or anum="+anums[i];
}
}
hql= "delete from Ask where "+hql;
adminDao.batchDelete(hql,anums);
}12345678910111213

这是进行hql查询语句的拼凑,先判断长度,当ID就只有一个的时候,就删除一个,当多个时,就可以删除多个,可以在后台看hibernate输出的查询语句,是用or来连接各个ID的条件的
下面,在admin接口中定义了批量删除的方法
//批量删除留言
public void batchDelete(final String hql,String[] anums);12

下面是实现数据库的语句
@Override
public void batchDelete(String hql,String[] anums) {
Session session=sessionFactory.getCurrentSession();
Query query=session.createQuery(hql);
query.executeUpdate();

}1234567

这里,也可以用JDBC的本地语句来实现,到这里,就已经基本完成这个功能了,粗略的思路就是这样。

阅读全文

与javascript批量删除事件相关的资料

热点内容
刷子公司网站怎么做 浏览:272
86版本艾尔文测试 浏览:714
深宫曲文件夹是哪个 浏览:618
苹果u盘修复工具哪个好用 浏览:124
微信动态表情包搞笑 浏览:436
可以去哪里找编程老师问问题 浏览:608
win10lol全屏 浏览:25
qq图片动态动漫少女 浏览:122
sai绘图教程视频 浏览:519
如何分析加载减速法数据 浏览:672
手机怎么免费转换pdf文件格式 浏览:668
在哪个网站可以驾照年检 浏览:89
iphone可以播放ape吗 浏览:991
matlabp文件能破解吗 浏览:817
四川省高三大数据考试是什么 浏览:457
导出打开java文件 浏览:671
win10蓝屏是硬盘坏了么 浏览:46
沈阳哪里适合学编程 浏览:811
django19常用版本 浏览:521
三国志11保存在哪个文件夹 浏览:88

友情链接