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获取height和width的方法说明
Jan 06 Javascript
Javascript模块化编程(一)AMD规范(规范使用模块)
Jan 17 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
C++中的string类的用法小结
Aug 07 Javascript
AngularJS 视图详解及示例代码
Aug 17 Javascript
Vue开发中整合axios的文件整理
Apr 29 Javascript
three.js实现3D影院的原理的代码分析
Dec 18 Javascript
NW.js 简介与使用方法
Feb 01 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
Aug 07 Javascript
详解vue 路由跳转四种方式 (带参数)
Apr 28 Javascript
vue-cli3项目升级到vue-cli4 的方法总结
Mar 19 Javascript
vue-model实现简易计算器
Aug 17 Javascript
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
解析php5配置使用pdo
2013/07/03 PHP
PHP return语句的另一个作用
2014/07/30 PHP
php实现的Captcha验证码类实例
2014/09/22 PHP
php从memcache读取数据再批量写入mysql的方法
2014/12/29 PHP
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
2016/05/20 PHP
ThinkPHP 模板引擎使用详解
2017/05/07 PHP
php 实现银联商务H5支付的示例代码
2019/10/12 PHP
laravel 解决后端无法获取到前端Post过来的值问题
2019/10/22 PHP
jQuery库与其他JS库冲突的解决办法
2010/02/07 Javascript
javascript cookie操作类的实现代码小结附使用方法
2010/06/02 Javascript
通过jquery还原含有rowspan、colspan的table的实现方法
2012/02/10 Javascript
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
2014/02/12 Javascript
Javascript实现的常用算法(如冒泡、快速、鸽巢、奇偶等)
2014/04/29 Javascript
使用JQuery库提供的扩展功能实现自定义方法
2014/09/09 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
2016/03/09 Javascript
浅谈js中StringBuffer类的实现方法及使用
2016/09/02 Javascript
在 Typescript 中使用可被复用的 Vue Mixin功能
2018/04/17 Javascript
layui加载数据显示loading加载完成loading消失的实例代码
2019/09/23 Javascript
countup.js实现数字动态叠加效果
2019/10/17 Javascript
three.js显示中文字体与tween应用详析
2021/01/04 Javascript
python基础教程之Hello World!
2014/08/29 Python
Python自动化测试Eclipse+Pydev 搭建开发环境
2016/08/15 Python
python中pandas.DataFrame对行与列求和及添加新行与列示例
2017/03/12 Python
对python中UDP,socket的使用详解
2019/08/22 Python
python实现递归查找某个路径下所有文件中的中文字符
2019/08/31 Python
Python 经典算法100及解析(小结)
2019/09/13 Python
python如何通过pyqt5实现进度条
2020/01/20 Python
Python日志:自定义输出字段 json格式输出方式
2020/04/27 Python
Python使用Selenium实现淘宝抢单的流程分析
2020/06/23 Python
Python3+Appium安装及Appium模拟微信登录方法详解
2021/02/16 Python
纯CSS3实现Material Design效果
2017/03/09 HTML / CSS
New Balance俄罗斯官方网上商店:购买运动鞋
2020/03/02 全球购物
夫妻双方自愿离婚协议书
2014/10/24 职场文书
学校党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
redis sentinel监控高可用集群实现的配置步骤
2022/04/01 Redis