您好,登錄后才能下訂單哦!
小編這次要給大家分享的是js如何實(shí)現(xiàn)表單項(xiàng)的全選、反選及刪除操作,文章內(nèi)容豐富,感興趣的小伙伴可以來了解一下,希望大家閱讀完這篇文章之后能夠有所收獲。
本文實(shí)例講述了js實(shí)現(xiàn)表單項(xiàng)的全選、反選及刪除操作。分享給大家供大家參考,具體如下:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>網(wǎng)站會(huì)員激活碼管理</title> <script language="javascript"> function ReSel(){ for(i=0;i<document.form1.logs.length;i++){ //這一用法只對(duì)form表單有效 document.form1.logs[i].checked = true; //如果是實(shí)現(xiàn)【全不選】的話,改成false即可 } } function SeSel(){ for(i=0;i<document.form1.logs.length;i++){ if(document.form1.logs[i].checked) document.form1.logs[i].checked = false; else document.form1.logs[i].checked = true; } } function DelSel(){ var nid = getCheckboxItem(); if(nid==""){ alert("請(qǐng)選擇項(xiàng)目!\r\n"); return ; } location.href = "member_activation.php?dopost=del&ids="+nid; } //獲得選中文件的文件名 function getCheckboxItem(){ var allSel=""; if(document.form1.logs.value) return document.form1.logs.value; for(i=0;i<document.form1.logs.length;i++) { if(document.form1.logs[i].checked){ if(allSel=="") allSel=document.form1.logs[i].value; else allSel=allSel+"-"+document.form1.logs[i].value; } } //alert(allSel); //1-2-7 return allSel; } </script> </head> <body background='images/allbg.gif' leftmargin='8' topmargin='8'> <table width="98%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#cfcfcf"> <tr> <td>激活碼列表</td> </tr> <tr bgcolor="#FEFCEF" height="30" align="center"> <td width="3%">選擇</td> <td width="5%">id</td> <td width="30%">激活碼</td> </tr> <form name="form1"> {dede:datalist} <tr height="26" align="center" bgcolor="#FFFFFF" onMouseMove="javascript:this.bgColor='#FCFDEE';" onMouseOut="javascript:this.bgColor='#FFFFFF';"><!--onMouseMove/onMouseOut:鼠標(biāo)移動(dòng)到該行后,被選中的行變色--> <td><input name='logs' type='checkbox' value='{dede:field.id/}' /></td> <td>{dede:field.id/}</td> <td>{dede:field.core/}</td> </tr> {/dede:datalist} </form> <tr bgcolor="#ffffff"> <td height="36" colspan="9"> <a class="coolbg" onClick="ReSel();" >全選</a> <a class="coolbg" onClick="SeSel();" >反選</a> <a class="coolbg" onClick="DelSel();">刪除</a> </td> </tr> </table> </body> </html>
member_activation.php
//刪除選定狀態(tài) if($dopost=="del") { $ids = explode('-',$ids); $dquery = ""; foreach($ids as $id) { if($dquery=="") { $dquery .= "id='$id' "; } else { $dquery .= " OR id='$id' "; } } if($dquery!="") $dquery = " WHERE ".$dquery; $dsql->ExecuteNoneQuery("DELETE FROM cr_member_activation $dquery"); ShowMsg("成功刪除指定的記錄!","./index.php"); exit(); }
看完這篇關(guān)于js如何實(shí)現(xiàn)表單項(xiàng)的全選、反選及刪除操作的文章,如果覺得文章內(nèi)容寫得不錯(cuò)的話,可以把它分享出去給更多人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。