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 相关文章推荐
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
Mar 20 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
Dec 19 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
May 11 Javascript
jcrop基本参数一览
Jul 16 Javascript
Bootstrap3学习笔记(二)之排版
May 20 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
May 25 Javascript
JS如何生成一个不重复的ID的函数
Dec 25 Javascript
vue 2.0项目中如何引入element-ui详解
Sep 06 Javascript
Angular实现下拉框模糊查询功能示例
Jan 03 Javascript
node.js遍历目录的方法示例
Aug 01 Javascript
vue 全局环境切换问题
Oct 27 Javascript
Vue filter 过滤器、以及在table中的使用介绍
Sep 07 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操作SVN版本服务器类代码
2011/11/27 PHP
PHP格式化显示时间date()函数代码
2018/10/03 PHP
iframe 父窗口和子窗口相互的调用方法集锦
2010/12/15 Javascript
javascript实现可改变滚动方向的无缝滚动实例
2013/06/17 Javascript
Javascript中查找不以XX字符结尾的单词示例代码
2013/10/15 Javascript
node.js解决获取图片真实文件类型的问题
2014/12/20 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
2015/12/03 Javascript
深入理解JavaScript中的浮点数
2016/05/18 Javascript
javascript中递归的两种写法
2017/01/17 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
2017/04/18 Javascript
JS实现页面打印(整体、局部)
2017/08/18 Javascript
React-Native之定时器Timer的实现代码
2017/10/04 Javascript
深入浅出理解JavaScript高级定时器原理与用法
2018/08/02 Javascript
vue中的计算属性实例详解
2018/09/19 Javascript
详解Vue中使用插槽(slot)、聚类插槽
2019/04/12 Javascript
VUE实现密码验证与提示功能
2019/10/18 Javascript
electron 安装,调试,打包的具体使用
2019/11/06 Javascript
vue 在methods中调用mounted的实现操作
2020/08/07 Javascript
原生js实现滑块区间组件
2021/01/20 Javascript
[03:37]2016完美“圣”典 风云人物:Mikasa专访
2016/12/07 DOTA
[43:35]EG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[51:00]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
python sys,os,time模块的使用(包括时间格式的各种转换)
2018/04/27 Python
Python多线程原理与用法详解
2018/08/20 Python
Python如何优雅获取本机IP方法
2019/11/10 Python
Python自动登录QQ的实现示例
2020/08/28 Python
Python Opencv图像处理基本操作代码详解
2020/08/31 Python
python爬虫scrapy基本使用超详细教程
2021/02/20 Python
使用CSS3的font-face字体嵌入样式的方法讲解
2016/05/13 HTML / CSS
数字天堂软件测试面试题
2012/12/23 面试题
军训生自我鉴定范文
2013/12/27 职场文书
《再见了,亲人》教学反思
2014/02/26 职场文书
高考要来啦!用Python爬取历年高考数据并分析
2021/06/03 Python
Mybatis-Plus进阶分页与乐观锁插件及通用枚举和多数据源详解
2022/03/21 Java/Android
postgresql如何找到表中重复数据的行并删除
2023/05/08 MySQL