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中Cookies的相关使用教程
Jun 04 Javascript
浅谈jQuery的offset()方法及示例分享
Jul 17 Javascript
easyui Droppable组件实现放置特效
Aug 19 Javascript
解决JS无法调用Controller问题的方法
Dec 31 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
Aug 03 Javascript
javascript将list转换成树状结构的实例
Sep 08 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
May 18 Javascript
vue实现日历备忘录功能
Sep 24 Javascript
vue实现页面滚动到底部刷新
Aug 16 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
Mar 02 Javascript
JavaScript 中的六种循环方法
Jan 06 Javascript
js前端图片加载异常兜底方案
Jun 21 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
ThinkPHP CURD方法之field方法详解
2014/06/18 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
关于javascript中的parseInt使用技巧
2009/09/03 Javascript
汉化英文版的Dreamweaver CS5并自动提示jquery
2010/11/25 Javascript
Google的跟踪代码 动态加载js代码方法应用
2012/11/12 Javascript
点击进行复制的JS代码实例
2013/08/23 Javascript
js拖动div 当鼠标移动时整个div也相应的移动
2013/11/21 Javascript
js返回前一页刷新本页重载页面
2014/07/29 Javascript
详解JavaScript的while循环的使用
2015/06/03 Javascript
浅谈javascript中return语句
2015/07/15 Javascript
JS实现设置ff与ie元素绝对位置的方法
2016/03/08 Javascript
javascript数组去重方法分析
2016/12/15 Javascript
js eval函数使用,js对象和字符串互转实例
2017/03/06 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
2019/04/04 Javascript
layer 刷新某个页面的实现方法
2019/09/05 Javascript
vue点击按钮实现简单页面的切换
2020/09/08 Javascript
[03:18]DOTA2放量测试专访820:希望玩家加入国服大家庭
2013/08/25 DOTA
[00:34]TI7不朽珍藏III——地穴编织者不朽展示
2017/07/15 DOTA
Python列表list数组array用法实例解析
2014/10/28 Python
python创建列表并给列表赋初始值的方法
2015/07/28 Python
Python使用PIL库实现验证码图片的方法
2016/03/11 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
Window环境下Scrapy开发环境搭建
2018/11/18 Python
selenium+python自动化测试环境搭建步骤
2019/06/03 Python
Python彻底删除文件夹及其子文件方式
2019/12/23 Python
pycharm中import呈现灰色原因的解决方法
2020/03/04 Python
Django ModelForm组件原理及用法详解
2020/10/12 Python
解决pycharm不能自动保存在远程linux中的问题
2021/02/06 Python
使用CSS3制作倾斜导航条和毛玻璃效果
2017/09/12 HTML / CSS
Foot Locker英国官网:美国知名运动产品零售商
2019/02/21 全球购物
护士自我鉴定范文
2013/10/06 职场文书
应届本科生推荐信范文
2013/12/25 职场文书
《小壁虎借尾巴》教学反思
2014/02/16 职场文书
元旦晚会感言
2014/03/12 职场文书
企业演讲稿范文大全
2014/05/20 职场文书
一条慢SQL语句引发的改造之路
2022/03/16 MySQL