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实现图片左右间隔滚动特效(可自动播放)
May 08 Javascript
JQuery EasyUI 数字格式化处理示例
May 05 Javascript
JavaScript利用正则表达式去除日期中的-
Jun 09 Javascript
javascript获取checkbox复选框获取选中的选项
Aug 12 Javascript
浅谈jquery点击label触发2次的问题
Jun 12 Javascript
Extjs 点击复选框在表格中增加相关信息行
Jul 12 Javascript
js H5 canvas投篮小游戏
Aug 18 Javascript
提高JavaScript执行效率的23个实用技巧
Mar 01 Javascript
Vue实现搜索 和新闻列表功能简单范例
Mar 16 Javascript
浅谈Node.js 沙箱环境
May 15 Javascript
微信小程序拼接图片链接无底洞深入探究
Sep 03 Javascript
微信小程序实现简单购物车功能
Dec 30 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模板Smarty的初级使用方法以及心得分享
2013/06/21 PHP
php上传图片客户端和服务器端实现方法
2015/03/30 PHP
php快速查找数据库中恶意代码的方法
2015/04/01 PHP
php数字每三位加逗号的功能函数
2015/10/22 PHP
ThinkPHP 在阿里云上的nginx.config配置实例详解
2017/10/11 PHP
js null,undefined,字符串小结
2010/08/21 Javascript
json对象转字符串如何实现
2012/12/02 Javascript
JavaScript中对象属性的添加和删除示例
2014/05/12 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
2016/06/14 Javascript
JavaScript程序中实现继承特性的方式总结
2016/06/24 Javascript
Angular 中 select指令用法详解
2016/09/29 Javascript
JS查找字符串中出现最多的字符及个数统计
2017/02/04 Javascript
layer 刷新某个页面的实现方法
2019/09/05 Javascript
vue控制多行文字展开收起的实现示例
2019/10/11 Javascript
Vue+webpack实现懒加载过程解析
2020/02/17 Javascript
javascrpt密码强度校验函数详解
2020/03/18 Javascript
通过实例了解Nodejs模块系统及require机制
2020/07/16 NodeJs
JavaScript实现打字游戏
2021/02/19 Javascript
[48:32]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 LGD vs VG
2018/04/01 DOTA
python 运算符 供重载参考
2009/06/11 Python
Python最火、R极具潜力 2017机器学习调查报告
2017/12/11 Python
Python入门之后再看点什么好?
2018/03/05 Python
Python Json模块中dumps、loads、dump、load函数介绍
2018/05/15 Python
Flask框架模板继承实现方法分析
2019/07/31 Python
python进行参数传递的方法
2020/05/12 Python
使用Python将语音转换为文本的方法
2020/08/10 Python
ubuntu16.04升级Python3.5到Python3.7的方法步骤
2020/08/20 Python
Python tkinter之Bind(绑定事件)的使用示例
2021/02/05 Python
比利时的在线灯具店:Lampen24.be
2019/07/01 全球购物
华为智利官方商店:Huawei Chile
2020/05/09 全球购物
平安工地建设方案
2014/05/06 职场文书
我的梦想演讲稿500字
2014/08/21 职场文书
汽车机电维修工求职信
2014/09/30 职场文书
教师师德师风整改措施
2014/10/24 职场文书
Jupyter notebook 输出部分显示不全的解决方案
2021/04/24 Python
Python学习开发之图形用户界面详解
2021/08/23 Python