<!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的更多相关文章

  1. JS中表格的全选和删除要注意的问题

    在项目开发中,由于刚刚开始做项目,我对js还不是很精通,所以在用js对表格的全选和删除中遇到了不少问题,后来通过查找资料解决了,之后总结了一下关于js表格的全选和删除出现的一些问题,希望能帮助到大家. ...

  2. jquery操作checkbox方法（全选、全不选、至少选择一个、选择值/文本）

    原文:http://blog.csdn.net/u014079773/article/details/52371382 在实际开发中我们经常操作checkbox,不仅仅要获得checkbox选中的值, ...

  3. 2016/3/30 租房子 ①建立租房子的增、删、改php页面 ②多条件查询 ③全选时 各部分全选中 任意checkbox不选中 全选checkbox不选中

    字符串的另一种写法:<<<AAAA; 后两个AA回车要求顶格  不然报错 例子: <!DOCTYPE html> <html lang="en" ...

  4. C# winform中的datagridview控件标头加入checkbox，实现全选功能。

    /// <summary> /// 给DataGridView添加全选 /// </summary> public class AddCheckBoxToDataGridVie ...

  5. checkbox 点击全选

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. Jquery 利用单个复选款（checkbox）实现全选、反选

    1 <script type="text/javascript"> $(function(){ //全选 $("#CheckedAll").clic ...

  7. js实现-小框框全选

    点击全选下面单独的肉也会全选,再次点击取消 一个一个点击肉,点完--全选也会被选上 HTML代码---CSS略 <table> <tr> <th> <inpu ...

  8. Jquery 多选全选/取消 选项卡切换 获取选中的值

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  9. 基于JQ的多选/全选/反选及获取选中的值

    <!-- author:青芒 --> <!DOCTYPE html> <html lang="en"> <head> <met ...

  10. Dynamic CRM 2013学习笔记（二十六）报表设计：Reporting Service报表 动态参数、参数多选全选、动态列、动态显示行字体颜色

    上次介绍过CRM里开始报表的一些注意事项:Dynamic CRM 2013学习笔记(十五)报表入门.开发工具及注意事项,本文继续介绍报表里的一些动态效果:动态显示参数,参数是从数据库里查询出来的:参数 ...

随机推荐

  1. 简单灵活的 PHP页面跳转函数

    <?         function Location($url = ,) == ,) === ,) ===  ) {                                 $pro ...

  2. ActiveMQ Exception: java.io.EOFException: Chunk stream does not exist

    解决办法: 方法1. 去掉延迟功能:<broker xmlns="http://activemq.apache.org/schema/core " brokerName=&q ...

  3. 谈敏捷，谈开发 --《Agile Software Development》读后感

    谈敏捷,谈开发 --<Agile Software Development>读后感 北航计算机学院 110616班 11061171 毛宇 联系方式:maoyu815930@sina.co ...

  4. MATLAB学习笔记（八）——MATLAB数值积分与微分

    (一)数值积分 一.数值积分的MATLAB实现方法: 1.变步长辛普生法(quad)法: (1)调用格式: [I,n]=quad('fname',a,b,tol,trace); fname是被积函数: ...

  5. org.apache.log4j与org.apache.commons.logging这两个包有什么区别

    apache common logging是一种log的框架接口,它本身并不实现log记录的功能,而是在运行时动态查找目前存在的日志库,调用相关的日志函数,从而隐藏具体的日志实现log4j是具体的日志 ...

  6. Xamarin.iOS编译时无法连接苹果系统

    Xamarin.iOS编译时无法连接苹果系统   错误信息:Unable to connect to Address=’***.***.***.***’ with User=’***’   即使Vis ...

  7. http://love3400wind.blog.163.com/blog/static/7963080120132794359703/

    http://love3400wind.blog.163.com/blog/static/7963080120132794359703/

  8. BZOJ1035 : [ZJOI2008]Risk

    首先要将这个图连通,方法是通过扫描线+set求出每个连通块最高的点上方的第一条边,然后向交点连边. 然后把边拆成两条双向边,每次找到一条没走过的边,找到极角排序后它的反向边的后继,直到回到这条边.根据 ...

  9. ios授权登录过程中一直提示“没有安装qq”

    遇到问题:http://www.cocoachina.com/ask/questions/show/107029 之前都登录都很正常,这两天突然出现这个问题,没有安装qq软件的iphone手机上登录的 ...

  10. C#的泛型委托Predicate/Func/Action（转）

    Predicate 泛型委托:表示定义一组条件并确定指定对象是否符合这些条件的方法.此委托由 Array 和 List 类的几种方法使用,用于在集合中搜索元素. 类型参数介绍:    T: 要比较的对 ...