jquery获取checkbox的值并post提交


Posted in Javascript onJanuary 14, 2015

废话不多说,直接奉上代码:

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title></title>

    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

</head>

<body>

<?php

$data = $_POST['data'];

$arr = json_decode($data);

var_dump($arr);

$a = array(1,2,3,4);

foreach($a as $v){

    ?>

    <input type = "checkbox" class="checkbox" name="checkbox" value="<?=$v?>">

<?php

}

?>

<input type = "button" class="but_delet_choice" value="post">

</body>

<script>

    $('.but_delet_choice').click(function(){

        //获取全选之外的checkbox

        var $check_boxes = $("input[name='checkbox']:checked");

        if($check_boxes.length<=0){

            alert('您未勾选,请勾选!');

            return;

        }

        var array = new Array();

        $check_boxes.each(function(){

            var array_push = new Array();

            array_push.push($(this).val());

            array_push.push(2);

            array.push(array_push);

        })

        $.post(

            'test1.php',

            {

                data : JSON.stringify(array)

            }

        );

        return false;

    });

</script>

</html>
array(4) {

  [0]=>

  array(2) {

    [0]=>

    string(1) "1"

    [1]=>

    int(2)

  }

  [1]=>

  array(2) {

    [0]=>

    string(1) "2"

    [1]=>

    int(2)

  }

  [2]=>

  array(2) {

    [0]=>

    string(1) "3"

    [1]=>

    int(2)

  }

  [3]=>

  array(2) {

    [0]=>

    string(1) "4"

    [1]=>

    int(2)

  }

}

这里仅仅是简单实现下,给大家一个参考,小伙伴们可以自由扩展。

Javascript 相关文章推荐
JS类库Bindows1.3中的内存释放方式分析
Mar 08 Javascript
JavaScript中变量提升 Hoisting
Jul 03 Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
May 18 Javascript
使用mini-define实现前端代码的模块化管理
Dec 25 Javascript
jquery实现图片左右切换的方法
May 07 Javascript
12种JavaScript常用的MVC框架比较分析
Nov 16 Javascript
jquery pagination插件动态分页实例(Bootstrap分页)
Dec 23 Javascript
ES6新特性之Object的变化分析
Mar 31 Javascript
微信小程序实现的贪吃蛇游戏【附源码下载】
Jan 03 Javascript
小程序实现新用户判断并跳转激活的方法
May 20 Javascript
axios实现文件上传并获取进度
Mar 25 Javascript
Vue $attrs &amp; inheritAttr实现button禁用效果案例
Dec 07 Vue.js
js打造数组转json函数
Jan 14 #Javascript
使用jquery 简单实现下拉菜单
Jan 14 #Javascript
jquery实现鼠标滑过小图时显示大图的方法
Jan 14 #Javascript
js实现禁止中文输入的方法
Jan 14 #Javascript
JavaScript 学习笔记之语句
Jan 14 #Javascript
JavaScript 学习笔记之操作符(续)
Jan 14 #Javascript
JavaScript 学习笔记之操作符
Jan 14 #Javascript
You might like
PHP @ at 记号的作用示例介绍
2014/10/10 PHP
php mysql_real_escape_string addslashes及mysql绑定参数防SQL注入攻击
2016/12/23 PHP
Yii2使用$this-&gt;context获取当前的Module、Controller(控制器)、Action等
2017/03/29 PHP
Jquery 插件开发笔记整理
2011/01/17 Javascript
js DOM的学习笔记
2011/12/22 Javascript
遍历DOM对象内的元素属性示例代码
2014/02/08 Javascript
浅谈javascript中for in 和 for each in的区别
2015/04/23 Javascript
AngularJS基础知识笔记之过滤器
2015/05/10 Javascript
JavaScript如何动态创建table表格
2020/08/02 Javascript
Jquery使用小技巧汇总
2015/12/29 Javascript
浅析Node.js实现HTTP文件下载
2016/08/05 Javascript
vue-router路由简单案例介绍
2017/02/21 Javascript
详解为Bootstrap Modal添加拖拽的方法
2018/01/05 Javascript
通过实例了解Javascript柯里化流程
2020/03/03 Javascript
JS如何定义用字符串拼接的变量
2020/07/11 Javascript
js实现随机点名
2021/01/19 Javascript
python通过urllib2爬网页上种子下载示例
2014/02/24 Python
Python统计列表中的重复项出现的次数的方法
2014/08/18 Python
python分析nignx访问日志脚本分享
2015/02/26 Python
Django框架下在视图中使用模版的方法
2015/07/16 Python
Python自动发送邮件的方法实例总结
2018/12/08 Python
python实现身份证实名认证的方法实例
2019/11/08 Python
在tensorflow中实现去除不足一个batch的数据
2020/01/20 Python
python json load json 数据后出现乱序的解决方案
2020/02/27 Python
深入理解Python 多线程
2020/06/16 Python
草莓网中国:StrawberryNet中国
2020/08/17 全球购物
北美最大的参茸药食商城:德成行
2020/12/06 全球购物
美国室内盆栽植物购买网站:Plants.com
2020/04/24 全球购物
css animation配合SVG制作能量流动效果
2021/03/24 HTML / CSS
产品促销活动策划书
2014/01/15 职场文书
食品安全检查制度
2014/02/03 职场文书
陈欧广告词
2014/03/14 职场文书
2015年教务工作总结
2015/05/23 职场文书
幼儿园元旦主持词
2015/07/06 职场文书
发工资啦!教你用Python实现邮箱自动群发工资条
2021/05/10 Python
浅谈CSS不规则边框的生成方案
2021/05/25 HTML / CSS