js实现表单项的全选、反选及删除操作示例
本文实例讲述了js实现表单项的全选、反选及删除操作。分享给大家供大家参考，具体如下：
<html xmlns='http://www.w3.org/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('请选择项目!rn'); return ; } location.href = 'https://www.haobala.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:鼠标移动到该行后，被选中的行变色--> <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
//删除选定状态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操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章：
1. Java的21个技术点,你知道吗？2. django 实现手动存储文件到model的FileField3. Django-migrate报错问题解决方案4. Django admin 实现search_fields精确查询实例5. Django ORM实现按天获取数据去重求和例子6. Django {{ MEDIA_URL }}无法显示图片的解决方式7. 谷歌Chrome浏览器开发者工具教程—JS调试篇8. 使用Django xadmin 实现修改时间选择器为不可输入状态9. 如何在django中运行scrapy框架10. Android WebView通过动态的修改js去拦截post请求参数实例
网公网安备