js实现表单项的全选、反选及删除操作示例
网络编程 2021-07-04 15:03www.168986.cn编程入门
这篇文章主要介绍了js实现表单项的全选、反选及删除操作,结合实例形式分析了基于dedecms后台使用js实现表单项的全选、反选及删除相关操作技巧,需要的朋友可以参考下
本文实例讲述了js实现表单项的全选、反选及删除操作。分享给大家供大家参考,具体如下
<html xmlns="http://.w3./1999/xhtml"> <head> <title>网站会员激活码管理</title> <script language="javascript"> function ReSel(){ for(i=0;i<document.form1.logs.length;i++){ //这一用法只对form表单有效 document.form1.logs[i].checked = true; //如果是实现【全不选】的话,改成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("请选择项目!\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' margin='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:鼠标移动到该行后,被选中的行变色--> <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
//删除选定状态 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(); }
更多关于JavaScript相关内容感兴趣的读者可查看本站专题《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南