w框架-结合用户的不同点击路径,提交正确的id集合。

  1. <table class="table">
  2. <tr>
  3. <td></td>
  4. <td>图片</td>
  5. </tr>
  6. <?php
  7. foreach ($wr as $one) { ?>
  8. <tr>
  9. <td><input class="checkbox_batch_all" name="checkbox_batch_all" type="checkbox" value="<?= $one['id'] ?>"
  10. id="<?= $one['autoid'] ?>"
  11. onclick="w_mainchoose()"><?= $one['id'] ?></td>
  12. <td><img width="100" src="<?= gen_img($link,$one['as']) ?>"></td>
  13. </tr>
  14. <?php } ?>
  15. </table>
  16. <button id="wdel" onclick="wdel()">删除所选</button>
  17. <button style="display: none;" id="wdel_all" onclick="wdel_all('<?= $id_all ?>')">全部删除</button>
  18. <button id="wdel_all_checked" onclick="wdel_all_checked()">全选/全不选</button>
  19.  
  20. </form>
  21.  
  22. <form id="javascript_form_hidden_batch_delete" action="" method="post">
  23. <input type="hidden" name="javascript_input_batch_delete" id="javascript_input_hidden_batch_delete">
  24.  
  25. <input type="hidden" name="type" value="<?= $wfly ?>">
  26.  
  27. </form>
  28. <?php include('w_pagination.php'); ?>
  29. </body>
  30. </html>
  31.  
  32. <script>
  33.  
  34. function getCookie(cname) {
  35. var name = cname + "=";
  36. var ca = document.cookie.split(';');
  37. for (var i = 0; i < ca.length; i++) {
  38. var c = ca[i];
  39. while (c.charAt(0) == ' ') {
  40. c = c.substring(1);
  41. }
  42. if (c.indexOf(name) == 0) {
  43. return c.substring(name.length, c.length);
  44. }
  45. }
  46. return "";
  47. }
  48.  
  49. var w_form = getCookie('wjs_cookie');
  50.  
  51. var warr = new Array();
  52. var warr_distinct = new Array();
  53. var w_all_checked = false;
  54. var warr_effect = new Array()
  55.  
  56. function w_mainchoose() {
  57. wf(this.id)
  58. wf(event.target.nodeName)
  59. wf(event.target)
  60. wf(event.target.getAttribute('id'))
  61. // alert(this.getAttribute('id'))
  62. var wthis_id = event.target.getAttribute('id')
  63. warr = warr_effect
  64. warr.push(wthis_id);
  65. wf(warr);
  66. var tmp = new Array();
  67. tmp = w_arr_copy_value(warr);
  68. warr_distinct = w_arr_distinct(tmp);
  69. wtip('warr_distinct', warr_distinct);
  70. warr_effect = w_arr_odd(warr_distinct, warr)
  71.  
  72. }
  73.  
  74. function w_arr_distinct(arr) {
  75. for (var wi = 0; wi < arr.length; wi++) {
  76. var tmp = arr[wi];
  77. if (arr.length > 1) {
  78. for (var wj = wi + 1; wj < arr.length; wj++) {
  79. if (arr[wj] == tmp) {
  80. arr.splice(wj, 1);
  81. --wj;
  82. }
  83. }
  84. }
  85. }
  86. return arr;
  87. }
  88.  
  89. function w_arr_odd(warr_distinct, warr) {
  90. var len_warr_distinct = warr_distinct.length;
  91. var len_arr = warr.length;
  92. var arr_odd = new Array();
  93. for (var wi = 0; wi < len_warr_distinct; wi++) {
  94. var tmp = 0;
  95. for (var wj = 0; wj < len_arr; wj++) {
  96. if (warr_distinct[wi] == warr[wj]) {
  97. if (tmp == 0) {
  98. tmp = 1;
  99. }
  100. else if (tmp == 1) {
  101. tmp = 0;
  102. }
  103. }
  104. }
  105. if (tmp == 1) {
  106. arr_odd.push(warr_distinct[wi]);
  107. }
  108. }
  109. return arr_odd;
  110. }
  111.  
  112. function w_arr_copy_value(w_source) {
  113. var len = w_source.length;
  114. var w_arr = new Array();
  115. var tmp_value = 0;
  116. for (var w = 0; w < len; w++) {
  117. tmp_value = w_source.slice(w, w + 1);
  118. tmp_value = tmp_value + ''; //toString
  119. tmp_value = parseInt(tmp_value, 10); //toInt
  120. w_arr.unshift(tmp_value);
  121. }
  122. return w_arr;
  123. }
  124.  
  125. function wdel() {
  126. wf('del');
  127. var wvalue = warr_effect.join('w');
  128. wf(wvalue);
  129. if (before_submit(wvalue)) {
  130. do_submit(wvalue, 'javascript_input_hidden_batch_delete', 'javascript_form_hidden_batch_delete');
  131. }
  132. }
  133.  
  134. function wdel_all_checked() {
  135. var w = document.getElementsByName('checkbox_batch_all')
  136. wf(w_all_checked)
  137. w_all_checked = !w_all_checked;
  138. wf(w_all_checked)
  139.  
  140. warr_effect.length = 0;
  141. for (var wi = 0, len = w.length; wi < len; wi++) {
  142. w[wi].checked = w_all_checked;
  143. var wid = w[wi].getAttribute('id');
  144. if (w_all_checked == true) {
  145. warr_effect.push(wid);
  146. }
  147. }
  148. }
  149.  
  150. function before_submit(str) {
  151. if (str.length == 0) {
  152. alert('请勾选删除项!');
  153. return false;
  154. }
  155. return true;
  156. }
  157.  
  158. function do_submit(str, input_id, form_id) {
  159. var w = show_confirm('您确定要删除吗?');
  160. if (w) {
  161. change_input_value(input_id, str);
  162. console.log('w123---' + str);
  163. document.getElementById(form_id).submit();
  164. }
  165.  
  166. }
  167.  
  168. function show_confirm(str_tip) {
  169. var r = confirm(str_tip);
  170. if (r == true) {
  171. //alert('pressed ok');
  172. return true;
  173. } else {
  174. return false;
  175. }
  176. }
  177.  
  178. function wf(w) {
  179. console.log(w);
  180. }
  181. function wtip(tip, w) {
  182. console.log(tip);
  183. console.log(w);
  184. }
  185.  
  186. function change_input_value(input_id, value) {
  187. wf(value);
  188. wf(input_id);
  189. document.getElementById(input_id).value = value;
  190. }
  191.  
  192. </script>

wf-删除所选的更多相关文章

  1. 简单的jquery表单验证+添加+删除+全选/反选

    //布局 <body> <h4><a href="#">首页</a>><a href="#"> ...

  2. think php 上下架修改+jq静态批量删除+ajax删除+全选

    视图代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF ...

  3. 删除DataGridView选中行并更新数据库

    前面写过一篇文章是DataGridView控件显示数据的,DataGridView在与数据库打交道时会常常出现,也非常有用.通过DataGridView对数据库进行更改和查询都比較方便. 这里我们须要 ...

  4. element ui表格常用功能如:导出 新增 删除 多选 跨页多选 固定表头 多级表头 合并行列 等常见需求

    <template> <div class="table-cooperte"> <el-table :data="tableData&quo ...

  5. springmvc+mybatis用多选框批量删除的功能Java代码

    今天写了一个批量删除的功能,在后台传值过程中一直出错,最终还是请教了北京的一位高手帮我解决的,在此首先要好好感谢他,以后我有幸能帮助别人的话,决不推辞. 废话不说,直接进入正题,我会将在编写过程中出现 ...

  6. Checkbox的选中删除功能且Ajax返回后清除所选行

    转摘:http://javaweb1024.com/qianduan/jQuery/2015/04/13/544.html 功能描述:多选框勾选以后(全部或者部分),需要想后台提交已勾选的数据(Aja ...

  7. jQuery实现checkbox全选反选及删除等操作

    1.list.html 说明:用checkbox数组Check[]存放每一行的ID值 <div id="con"> <table width="100% ...

  8. 当你的layui表格要做全选+删除功能【兼容ie8】

    <!-- 全选 --> <div class="choose"> <input type="checkbox" id=" ...

  9. jQuery实现全选/反选和批量删除

    <%@ page language="java" contentType="text/html; charset=utf-8"     pageEncod ...

  10. MVC3学习:利用mvc3+ajax实现全选和批量删除

    本例数据库操作使用EF code first; 先利用mvc自带的模板,先生成一个list视图,然后再手动添加复选框和删除按钮 <table> <tr> @*在标题行添加一个全 ...

随机推荐

  1. ENGINE_API CXSroll

    #ifndef __XSROLL_H__ #define __XSROLL_H__ #include "CocoHead.h" #include "XWindow.h&q ...

  2. 如何利用dex2jar反编译APK

    工具/原料 电脑 dex2jar JD-GUI 方法/步骤 1 下载dex2jar和JD-GUI,在参考资料中添加了这两个工具的百度网盘下载地址供读者下载使用(笔者亲测) 2 找到我们准备测试用的ap ...

  3. centos7下忘记mysql5.7密码

    才装完的mysql,转眼密码就忘记了,找了一圈的修改密码方法,做下记录! 编辑mysql配置文件. [root@localhost ~]# vi /etc/my.cnf 在[mysqld]配置节下新增 ...

  4. Windows版变色龙

    打包安装版本更新源地址: http://www.insanelymac.com/forum/files/file/59-chameleon-22-svn/ 一.使用方法:1.安装Windows版变色龙 ...

  5. [转]C++中的三种继承public,protected,private

    链接:http://www.cnblogs.com/BeyondAnyTime/archive/2012/05/23/2514964.html

  6. homebrew 无法安装,提示不能在根目录下使用

    sudo chown -R $(whoami) /usr/local 把/use/local的owner換成自己,就有write權限了 whoami就是一個命令,會echo當前登錄用戶的名字.當然你知 ...

  7. DOM方法 getElementsByName()方法

    http://www.imooc.com/code/1583 getElementsByName()方法 返回带有指定名称的节点对象的集合. 语法: document.getElementsByNam ...

  8. lucene 内存索引存储每个field里内容的相关代码

    相关的类调用关系 DocumentsWriterPerThread ——>DocFieldProcessor   DocumentsWriterPerThread里的consumer对象(类型是 ...

  9. gt811 driver

    #include <linux/module.h> #include <linux/i2c.h> #include <linux/platform_device.h> ...

  10. Ubuntu下安装SSH服务

    判断是否安装ssh服务,可以通过如下命令进行: $ ssh localhost ssh: connect to host localhost port 22: Connection refused 如 ...