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 instanceof 内部机制探析
Oct 15 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
Dec 18 Javascript
JavaScript判断是否为数字的4种方法及效率比较
Apr 01 Javascript
使用canvas实现仿新浪微博头像截取上传功能
Sep 02 Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
Jun 06 Javascript
Jquery删除css属性的简单方法
Dec 04 Javascript
vue内置组件transition简单原理图文详解(小结)
Jul 12 Javascript
JavaScript动态创建二维数组的方法示例
Feb 01 Javascript
微信小程序实现下滑到底部自动翻页功能
Mar 07 Javascript
深入webpack打包原理及loader和plugin的实现
May 06 Javascript
解决vue-cli输入命令vue ui没效果的问题
Nov 17 Javascript
Vue 实现可视化拖拽页面编辑器
Feb 01 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
用libtemplate实现静态网页生成
2006/10/09 PHP
php in_array 函数使用说明与in_array需要注意的地方说明
2010/04/13 PHP
PHP采集腾讯微博的实现代码
2012/01/19 PHP
php查询mssql出现乱码的解决方法
2014/12/29 PHP
分享10段PHP常用代码
2015/11/11 PHP
JavaScript 仿关机效果的图片层
2008/12/26 Javascript
Javascript公共脚本库系列(一): 弹出层脚本
2011/02/24 Javascript
Node.js事件循环(Event Loop)和线程池详解
2015/01/28 Javascript
JS替换字符串中空格方法
2015/04/17 Javascript
JS实现星星评分功能实例代码(两种方法)
2016/06/09 Javascript
JS 循环li添加点击事件 (闭包的应用)
2016/12/10 Javascript
JavaScript 栈的详解及实例代码
2017/01/22 Javascript
JSON对象转化为字符串详解
2017/08/11 Javascript
Three.JS实现三维场景
2018/12/30 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
2020/12/10 Vue.js
JavaScript仿京东轮播图效果
2021/02/25 Javascript
如何运行Python程序的方法
2013/04/21 Python
Python httplib模块使用实例
2015/04/11 Python
Python 常用 PEP8 编码规范详解
2017/01/22 Python
Python向Excel中插入图片的简单实现方法
2018/04/24 Python
python 含子图的gif生成时内存溢出的方法
2019/07/07 Python
Python人工智能之路 jieba gensim 最好别分家之最简单的相似度实现
2019/08/13 Python
python json.dumps() json.dump()的区别详解
2020/07/14 Python
利用Python实现朋友圈中的九宫格图片效果
2020/09/03 Python
CSS3实现的闪烁跳跃进度条示例(附源码)
2013/08/19 HTML / CSS
REN Clean Skincare官网:英国本土有机护肤品牌
2019/02/23 全球购物
KENZO官网:高田贤三在法国创立的品牌
2019/05/16 全球购物
Fenty Beauty官网:蕾哈娜创立的美妆品牌
2021/01/07 全球购物
JavaScript获取当前url根目录(路径)
2014/02/19 面试题
机械工程系毕业生求职信
2013/09/27 职场文书
家居设计专业个人自荐信范文
2013/11/26 职场文书
汽车销售顾问求职自荐信
2014/01/01 职场文书
和解协议书
2014/04/16 职场文书
高三励志标语
2014/06/05 职场文书
教师旷工检讨书
2015/08/15 职场文书
GO中sync包自由控制并发示例详解
2022/08/05 Golang