js實(shí)現(xiàn)表單項(xiàng)的全選、反選及刪除操作示例
本文實(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)目!rn'); return ; } location.href = 'http://www.baoyu77737.com/bcjs/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 border='0' cellpadding='2' cellspacing='1' bgcolor='#cfcfcf'> <tr> <td>激活碼列表</td> </tr> <tr bgcolor='#FEFCEF' align='center'> <td width='3%'>選擇</td> <td width='5%'>id</td> <td width='30%'>激活碼</td> </tr> <form name='form1'> {dede:datalist} <tr 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 colspan='9'> <a onClick='ReSel();' >全選</a> <a onClick='SeSel();' >反選</a> <a 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)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章：
1. idea設(shè)置自動(dòng)導(dǎo)入依賴的方法步驟2. AspNetCore&MassTransit Courier實(shí)現(xiàn)分布式事務(wù)的詳細(xì)過程3. 部署vue+Springboot前后端分離項(xiàng)目的步驟實(shí)現(xiàn)4. vue組件庫(kù)的在線主題編輯器的實(shí)現(xiàn)思路5. Python安裝并操作redis實(shí)現(xiàn)流程詳解6. 網(wǎng)頁中img圖片使用css實(shí)現(xiàn)等比例自動(dòng)縮放不變形（代碼已測(cè)試）7. 用python登錄帶弱圖片驗(yàn)證碼的網(wǎng)站8. html清除浮動(dòng)的6種方法示例9. Python常用擴(kuò)展插件使用教程解析10. AJAX實(shí)現(xiàn)數(shù)據(jù)的增刪改查操作詳解【java后臺(tái)】
網(wǎng)公網(wǎng)安備