w_all_checked - js -checkbox 多选、全选、submit、request
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<?php
$rand = rand(66,99);
$db = array();
for($w=0;$w<$rand;$w++){
$id = $w+rand(2,879);
$www = 'www'.rand();
$tmp = array('id'=>$id,'www'=>$www);
$db[] = $tmp;
}
?> <table>
<tr>
<td></td>
<td>www</td>
</tr>
<?php $id_all = '';
foreach ($db as $one) { ?>
<tr>
<td><input name="checkbox_batch_all" type="checkbox" value="<?= $one['id'] ?>"
id="<?= $one['id'] ?>"
onclick="w(<?= $one['id'] ?>)"></td>
<td><?=$one['www']?></td>
</tr>
<?php $id_all .= $one['id'] . 'w';
}
$id_all = substr($id_all, 0, strlen($id_all) - 1);
echo '<script>var id_all ="' . $id_all . '"</script>';
?> </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="text" name="javascript_input_batch_delete" id="javascript_input_hidden_batch_delete">
</form>
</body>
</html>
<script>
var warr = new Array();
var arr_distinct = new Array();
var wvalue = '';
function w(id) {
console.log(id);
warr.push(id);
wf(warr);
var tmp = new Array();
tmp = w_arr_copy_value(warr);
arr_distinct = w_arr_distinct(tmp);
wtip('arr_distinct', arr_distinct); var arr_odd = w_arr_odd(arr_distinct, warr);
wvalue = arr_odd.join('w');
wf(wvalue);
// wtip('arr_odd', arr_odd); }
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;
}
//w_arr_distinct(w);
// wf(w);
function w_arr_odd(arr_distinct, warr) {
var len_arr_distinct = arr_distinct.length;
var len_arr = warr.length;
var arr_odd = new Array();
for (var wi = 0; wi < len_arr_distinct; wi++) {
var tmp = 0;
for (var wj = 0; wj < len_arr; wj++) {
if (arr_distinct[wi] == warr[wj]) {
if (tmp == 0) {
tmp = 1;
}
else if (tmp == 1) {
tmp = 0;
}
}
}
if (tmp == 1) {
arr_odd.push(arr_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
// wf(tmp_value);
w_arr.unshift(tmp_value);
// wf(w_arr);
}
return w_arr;
} function wdel() {
console.log('del');
wf(wvalue);
var str = '';
w_all_checked ? str = id_all : str = wvalue;
if (before_submit(str)) {
do_submit(str, 'javascript_input_hidden_batch_delete', 'javascript_form_hidden_batch_delete');
}
} var w_all_checked = false; function wdel_all_checked() {
var w = document.getElementsByName('checkbox_batch_all');
w_all_checked = !w_all_checked;
for (var wi = 0, len = w.length; wi < len; wi++) {
w[wi].checked = w_all_checked;
}
} function before_submit(str) {
//alert(str.length==0);
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);
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;
} function w_true_false(w) {
w ? w = false : w = true;
return w;
} </script>
w_all_checked - js -checkbox 多选、全选、submit、request的更多相关文章
- JS中表格的全选和删除要注意的问题
在项目开发中,由于刚刚开始做项目,我对js还不是很精通,所以在用js对表格的全选和删除中遇到了不少问题,后来通过查找资料解决了,之后总结了一下关于js表格的全选和删除出现的一些问题,希望能帮助到大家. ...
- jquery操作checkbox方法(全选、全不选、至少选择一个、选择值/文本)
原文:http://blog.csdn.net/u014079773/article/details/52371382 在实际开发中我们经常操作checkbox,不仅仅要获得checkbox选中的值, ...
- 2016/3/30 租房子 ①建立租房子的增、删、改php页面 ②多条件查询 ③全选时 各部分全选中 任意checkbox不选中 全选checkbox不选中
字符串的另一种写法:<<<AAAA; 后两个AA回车要求顶格 不然报错 例子: <!DOCTYPE html> <html lang="en" ...
- C# winform中的datagridview控件标头加入checkbox,实现全选功能。
/// <summary> /// 给DataGridView添加全选 /// </summary> public class AddCheckBoxToDataGridVie ...
- checkbox 点击全选
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Jquery 利用单个复选款(checkbox)实现全选、反选
1 <script type="text/javascript"> $(function(){ //全选 $("#CheckedAll").clic ...
- js实现-小框框全选
点击全选下面单独的肉也会全选,再次点击取消 一个一个点击肉,点完--全选也会被选上 HTML代码---CSS略 <table> <tr> <th> <inpu ...
- Jquery 多选全选/取消 选项卡切换 获取选中的值
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
- 基于JQ的多选/全选/反选及获取选中的值
<!-- author:青芒 --> <!DOCTYPE html> <html lang="en"> <head> <met ...
- Dynamic CRM 2013学习笔记(二十六)报表设计:Reporting Service报表 动态参数、参数多选全选、动态列、动态显示行字体颜色
上次介绍过CRM里开始报表的一些注意事项:Dynamic CRM 2013学习笔记(十五)报表入门.开发工具及注意事项,本文继续介绍报表里的一些动态效果:动态显示参数,参数是从数据库里查询出来的:参数 ...
随机推荐
- 同网段下,windows自带远程桌面连接
1.服务器关闭防火墙 2.右键点击’我的电脑‘进入’属性‘点击左侧菜单栏中的’远程设置‘: 把远程桌面选项设置成’允许运行任意版本远程桌面的计算机连接‘. 3.客户端点击“开始”在附件菜单下面找到“远 ...
- D. Array GCD
You are given array ai of length n. You may consecutively apply two operations to this array: remove ...
- org.springframework.beans包
beans包中最核心的两个类:DefaultListableBeanFactory&XmlBeanDefinitionReader DefaultListableBeanFactory Xml ...
- BZOJ3757 : 苹果树
树上莫队,有几个坑: a可能等于b 数据范围是100000 #include<cstdio> #include<algorithm> #include<cmath> ...
- window.open() 被拦截后的分析
前言:此文章仅是个人工作中遇到问题后的一些记录和总结,可能毫无意义.. 事件回顾: 在开发中,PM要求在一个页面中输入多个链接然后可以一键在新窗口打开,所以就想到用window.open来实现,但是测 ...
- [Cocos2d-x For WP8]Menu菜单
菜单栏这是游戏里面基本的控件来的, 头文件: #include <CCMenu.h> 继承关系图: 头文件: #include < ...
- 基于SpringMVC框架项目Demo
Git地址:https://github.com/JavaWeb1024/SpringMVC 1. 框架简介: 为打造一套集群高可用的框架,集成的技术目前比较成熟,稳定.相关的知识点在网络上也 ...
- c++ map 的使用
1.map是一类关联式容器,它是模板类. 关联的本质在于元素的值与某个特定的键相关联,而并非通过元素在数组中的位置类获取.它的特点是增加和删除节点对迭代器的影响很小,除了操作节点,对其他的节点都没有什 ...
- DWR入门教程
DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给 ...
- Stack and Heap 堆和栈的区别
在和计算机内存打交道时,我们一定会碰到堆和栈,这两个东西很容易搞混,那么现在就来梳理一下二者的关系. 栈是用来静态分配内存的而堆是动态分配内存的,它们都是存在于计算机内存之中. 栈的分配是在程序编译的 ...