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 相关文章推荐
Javascript select下拉框操作常用方法
Nov 09 Javascript
基于JQuery的密码强度验证代码
Mar 01 Javascript
JS中表单的使用小结
Jan 11 Javascript
js实现页面跳转重定向的几种方式
May 29 Javascript
浅谈JavaScript字符串与数组
Jun 03 Javascript
Windows系统下安装Node.js的步骤图文详解
Nov 15 Javascript
纯js实现隔行变色效果
Nov 29 Javascript
react-native 圆弧拖动进度条实现的示例代码
Apr 12 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
May 15 Javascript
vue实现的双向数据绑定操作示例
Dec 04 Javascript
在vue项目中使用sass语法问题
Jul 18 Javascript
Ant Design moment对象和字符串之间的相互转化教程
Oct 27 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
用PHP实现图象锐化代码
2007/06/14 PHP
php在字符串中查找另一个字符串
2008/11/19 PHP
PHP无限分类代码,支持数组格式化、直接输出菜单两种方式
2011/05/18 PHP
php无限极分类递归排序实现方法
2014/11/11 PHP
详解php中反射的应用
2016/03/15 PHP
Smarty环境配置与使用入门教程
2016/05/11 PHP
如何判断php mysqli扩展类是否开启
2016/12/24 PHP
ThinkPHP中类的构造函数_construct()与_initialize()的区别详解
2017/03/13 PHP
jquery 图片 上一张 下一张 链接效果(续篇)
2010/04/20 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
2011/12/06 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
jQuery无刷新切换主题皮肤实例讲解
2015/10/21 Javascript
JavaScript遍历求解数独问题的主要思路小结
2016/06/12 Javascript
浅析Nodejs npm常用命令
2016/06/14 NodeJs
详解AngularJS验证、过滤器、指令
2017/01/04 Javascript
Vue实现virtual-dom的原理简析
2017/07/10 Javascript
JavaScript简单实现关键字文本搜索高亮显示功能示例
2018/07/25 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
2018/10/24 Javascript
微信小程序在其他页面监听globalData中值的变化
2019/07/15 Javascript
javascript实现摄像头拍照预览
2019/09/30 Javascript
vue项目强制清除页面缓存的例子
2019/11/06 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
2019/11/11 Javascript
vue实现顶部菜单栏
2020/11/08 Javascript
Python实现Event回调机制的方法
2019/02/13 Python
详解Pytorch显存动态分配规律探索
2020/11/17 Python
SmartBuyGlasses丹麦:网上购买名牌太阳镜、眼镜和隐形眼镜
2016/10/01 全球购物
Lookfantastic挪威官网:英国知名美妆购物网站
2017/07/26 全球购物
美国大码时尚女装购物网站:ELOQUII
2017/12/28 全球购物
模具设计与制造专业应届生求职信
2013/10/18 职场文书
挂职思想汇报
2013/12/31 职场文书
市场部业务员岗位职责
2014/04/02 职场文书
《白鹅》教学反思
2014/04/13 职场文书
防灾减灾日活动总结
2014/08/26 职场文书
行政司机岗位职责
2015/04/10 职场文书
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫
Python 图片添加美颜效果
2022/04/28 Python