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 相关文章推荐
简单的代码实现jquery定时器
Nov 17 Javascript
jquery datatable后台封装数据示例代码
Aug 07 Javascript
Jquery实现鼠标移动放大图片功能实例
Mar 25 Javascript
浅谈js基本数据类型和typeof
Aug 09 Javascript
Node.js读写文件之批量替换图片的实现方法
Sep 07 Javascript
Bootstrap Navbar Component实现响应式导航
Oct 08 Javascript
vue项目中导入swiper插件的方法
Jan 30 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
May 10 Javascript
了解JavaScript中的选择器
May 24 Javascript
微信小程序获取复选框全选反选选中的值(实例代码)
Dec 17 Javascript
js判断密码强度的方法
Mar 18 Javascript
JavaScript异步操作中串行和并行
Nov 20 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
修改Zend引擎实现PHP源码加密的原理及实践
2008/04/14 PHP
PHP生成网站桌面快捷方式代码分享
2014/10/11 PHP
如何使用php脚本给html中引用的js和css路径打上版本号
2015/11/18 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
php curl简单采集图片生成base64编码(并附curl函数参数说明)
2019/02/15 PHP
php面向对象程序设计中self与static的区别分析
2019/05/21 PHP
用JS操作FRAME中的IFRAME及其内容的实现代码
2008/07/26 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
2015/03/03 Javascript
JS基于cookie实现来宾统计记录访客信息的方法
2015/08/04 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
2015/09/06 Javascript
JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
2015/09/14 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
高性能JavaScript循环语句和条件语句
2016/01/20 Javascript
在vue中,v-for的索引index在html中的使用方法
2018/03/06 Javascript
vue-cli 如何打包上线的方法示例
2018/05/08 Javascript
vue 组件中添加样式不生效的解决方法
2018/07/06 Javascript
js 根据对象数组中的属性进行排序实现代码
2019/09/12 Javascript
基于vue实现探探滑动组件功能
2020/05/29 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
2020/06/04 Javascript
微信小程序实现多图上传
2020/06/19 Javascript
vue 项目中当访问路由不存在的时候默认访问404页面操作
2020/08/31 Javascript
[01:01:04]2018DOTA2亚洲邀请赛 4.5 淘汰赛 OpTic vs TNC 第一场
2018/04/06 DOTA
python基础教程之数字处理(math)模块详解
2014/03/25 Python
python中urllib.unquote乱码的原因与解决方法
2017/04/24 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
Pycharm新建模板默认添加个人信息的实例
2019/07/15 Python
Django中间件拦截未登录url实例详解
2019/09/03 Python
Python assert关键字原理及实例解析
2019/12/13 Python
Python 字典中的所有方法及用法
2020/06/10 Python
莫斯科的韩国化妆品店:Sifo
2019/12/04 全球购物
质检员岗位职责
2013/12/17 职场文书
银行授权委托书样本
2014/10/13 职场文书
2014年学生工作总结
2014/11/20 职场文书
我们的节日重阳节活动总结
2015/03/24 职场文书
Jupyter notebook 更改文件打开的默认路径操作
2021/05/21 Python
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js