wf-删除所选
w框架-结合用户的不同点击路径,提交正确的id集合。
<table class="table">
<tr>
<td></td>
<td>图片</td>
</tr>
<?php
foreach ($wr as $one) { ?>
<tr>
<td><input class="checkbox_batch_all" name="checkbox_batch_all" type="checkbox" value="<?= $one['id'] ?>"
id="<?= $one['autoid'] ?>"
onclick="w_mainchoose()"><?= $one['id'] ?></td>
<td><img width="100" src="<?= gen_img($link,$one['as']) ?>"></td>
</tr>
<?php } ?>
</table>
<button id="wdel" onclick="wdel()">删除所选</button>
<button style="display: none;" id="wdel_all" onclick="wdel_all('<?= $id_all ?>')">全部删除</button>
<button id="wdel_all_checked" onclick="wdel_all_checked()">全选/全不选</button> </form> <form id="javascript_form_hidden_batch_delete" action="" method="post">
<input type="hidden" name="javascript_input_batch_delete" id="javascript_input_hidden_batch_delete"> <input type="hidden" name="type" value="<?= $wfly ?>"> </form>
<?php include('w_pagination.php'); ?>
</body>
</html> <script> function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
} var w_form = getCookie('wjs_cookie'); var warr = new Array();
var warr_distinct = new Array();
var w_all_checked = false;
var warr_effect = new Array() function w_mainchoose() {
wf(this.id)
wf(event.target.nodeName)
wf(event.target)
wf(event.target.getAttribute('id'))
// alert(this.getAttribute('id'))
var wthis_id = event.target.getAttribute('id')
warr = warr_effect
warr.push(wthis_id);
wf(warr);
var tmp = new Array();
tmp = w_arr_copy_value(warr);
warr_distinct = w_arr_distinct(tmp);
wtip('warr_distinct', warr_distinct);
warr_effect = w_arr_odd(warr_distinct, warr) } function w_arr_distinct(arr) {
for (var wi = 0; wi < arr.length; wi++) {
var tmp = arr[wi];
if (arr.length > 1) {
for (var wj = wi + 1; wj < arr.length; wj++) {
if (arr[wj] == tmp) {
arr.splice(wj, 1);
--wj;
}
}
}
}
return arr;
} function w_arr_odd(warr_distinct, warr) {
var len_warr_distinct = warr_distinct.length;
var len_arr = warr.length;
var arr_odd = new Array();
for (var wi = 0; wi < len_warr_distinct; wi++) {
var tmp = 0;
for (var wj = 0; wj < len_arr; wj++) {
if (warr_distinct[wi] == warr[wj]) {
if (tmp == 0) {
tmp = 1;
}
else if (tmp == 1) {
tmp = 0;
}
}
}
if (tmp == 1) {
arr_odd.push(warr_distinct[wi]);
}
}
return arr_odd;
} function w_arr_copy_value(w_source) {
var len = w_source.length;
var w_arr = new Array();
var tmp_value = 0;
for (var w = 0; w < len; w++) {
tmp_value = w_source.slice(w, w + 1);
tmp_value = tmp_value + ''; //toString
tmp_value = parseInt(tmp_value, 10); //toInt
w_arr.unshift(tmp_value);
}
return w_arr;
} function wdel() {
wf('del');
var wvalue = warr_effect.join('w');
wf(wvalue);
if (before_submit(wvalue)) {
do_submit(wvalue, 'javascript_input_hidden_batch_delete', 'javascript_form_hidden_batch_delete');
}
} function wdel_all_checked() {
var w = document.getElementsByName('checkbox_batch_all')
wf(w_all_checked)
w_all_checked = !w_all_checked;
wf(w_all_checked) warr_effect.length = 0;
for (var wi = 0, len = w.length; wi < len; wi++) {
w[wi].checked = w_all_checked;
var wid = w[wi].getAttribute('id');
if (w_all_checked == true) {
warr_effect.push(wid);
}
}
} function before_submit(str) {
if (str.length == 0) {
alert('请勾选删除项!');
return false;
}
return true;
} function do_submit(str, input_id, form_id) {
var w = show_confirm('您确定要删除吗?');
if (w) {
change_input_value(input_id, str);
console.log('w123---' + str);
document.getElementById(form_id).submit();
} } function show_confirm(str_tip) {
var r = confirm(str_tip);
if (r == true) {
//alert('pressed ok');
return true;
} else {
return false;
}
} function wf(w) {
console.log(w);
}
function wtip(tip, w) {
console.log(tip);
console.log(w);
} function change_input_value(input_id, value) {
wf(value);
wf(input_id);
document.getElementById(input_id).value = value;
} </script>
wf-删除所选的更多相关文章
- 简单的jquery表单验证+添加+删除+全选/反选
//布局 <body> <h4><a href="#">首页</a>><a href="#"> ...
- think php 上下架修改+jq静态批量删除+ajax删除+全选
视图代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF ...
- 删除DataGridView选中行并更新数据库
前面写过一篇文章是DataGridView控件显示数据的,DataGridView在与数据库打交道时会常常出现,也非常有用.通过DataGridView对数据库进行更改和查询都比較方便. 这里我们须要 ...
- element ui表格常用功能如:导出 新增 删除 多选 跨页多选 固定表头 多级表头 合并行列 等常见需求
<template> <div class="table-cooperte"> <el-table :data="tableData&quo ...
- springmvc+mybatis用多选框批量删除的功能Java代码
今天写了一个批量删除的功能,在后台传值过程中一直出错,最终还是请教了北京的一位高手帮我解决的,在此首先要好好感谢他,以后我有幸能帮助别人的话,决不推辞. 废话不说,直接进入正题,我会将在编写过程中出现 ...
- Checkbox的选中删除功能且Ajax返回后清除所选行
转摘:http://javaweb1024.com/qianduan/jQuery/2015/04/13/544.html 功能描述:多选框勾选以后(全部或者部分),需要想后台提交已勾选的数据(Aja ...
- jQuery实现checkbox全选反选及删除等操作
1.list.html 说明:用checkbox数组Check[]存放每一行的ID值 <div id="con"> <table width="100% ...
- 当你的layui表格要做全选+删除功能【兼容ie8】
<!-- 全选 --> <div class="choose"> <input type="checkbox" id=" ...
- jQuery实现全选/反选和批量删除
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncod ...
- MVC3学习:利用mvc3+ajax实现全选和批量删除
本例数据库操作使用EF code first; 先利用mvc自带的模板,先生成一个list视图,然后再手动添加复选框和删除按钮 <table> <tr> @*在标题行添加一个全 ...
随机推荐
- vue的路由使用
1). 安装 vue-router npm install vue-router --save 2). 新建路由配置 安装成功后,在 src 新建 router 文件夹,然后新建 index.js 文 ...
- Mockjs生成Vue数据表格
1.npm install mockjs --save 2.在src文件下建mock.js文件 3.mock.js文件文件内容 //引入mockjs import Mock from 'mockjs' ...
- win32之hPrevInstance
看了一篇博客上面说,WinMain函数中的hPrevInstance是上一个示例的句柄,我就想到可不可以使用这个来实现只能运行一个实例呢? int WINAPI WinMain(HINSTANCE h ...
- 利用Python操作Word文档【图片】
利用Python操作Word文档
- 知乎日报 API 分析
声明 下面全部 API 均由 知乎(Zhihu.Inc) 提供,本人採取非正常手段获取. 获取与共享之行为或有侵犯知乎权益的嫌疑.若被告知需停止共享与使用.本人会及时删除此页面与整个项目. 请您暸解相 ...
- 示例 - 如何在Console应用程序中应用SpiderStudio生成的DLL?
以前面生成的XML/JSON互转DLL为例, 我们写一个Console Appliction来做这件事情, 步骤如下: 1. 创建Console Project 2. 引入www.utilities_ ...
- 实现cell显示一个删除button
假设想实现滑动cell时,cell右边就能显示一个删除button,则要实现tableview 下边方法: - (void)tableView:(UITableView *)tableView com ...
- 微信小程序7 - 页面命名规范
/pages/{module}/{page}/index.js 这个是目录结构 所有单个页面(Page)目录内, 都叫做index,如 index.js index.wxss ,不需要起其他名 ...
- python的post请求抓取数据
python通过get方式,post方式发送http请求和接收http响应-urllib urllib2 python通过get方式,post方式发送http请求和接收http响应-- import ...
- contract
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...