導航:首頁 > 編程語言 > 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批量刪除事件相關的資料

熱點內容
學習計算機網路的作用 瀏覽:235
access資料庫最新內容怎麼調 瀏覽:203
上古世紀新版本跑商 瀏覽:267
iphone5國際漫遊設置 瀏覽:107
ipodwatch如何安裝app 瀏覽:114
誰有微信搶紅包的群號 瀏覽:872
word07頁碼從任意頁開始 瀏覽:791
js禁止滑動事件 瀏覽:800
蘋果查序號怎麼看不是 瀏覽:61
linux在txt文件 瀏覽:568
ps如何導入文件匹配 瀏覽:201
轉轉app怎麼把自己的賬號租出去 瀏覽:828
福昕閱讀器合並照片pdf文件 瀏覽:591
vhd文件有什麼用 瀏覽:482
編程小朋友看什麼書 瀏覽:623
經營如何讓數據說話 瀏覽:258
如何在手機上升級opop 瀏覽:614
coreldrawx5免費視頻教程 瀏覽:725
網站引導頁面源碼 瀏覽:234
個人簡歷範文word 瀏覽:220

友情鏈接