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 插件开发 extjs中的extend用法小结
Jan 04 Javascript
常用原生JS兼容性写法汇总
Apr 27 Javascript
javascript用正则表达式过滤空格的实现代码
Jun 14 Javascript
关于JS 预解释的相关理解
Jun 28 Javascript
jQuery实现ajax无刷新分页页码控件
Feb 28 Javascript
微信小程序实现简单input正则表达式验证功能示例
Nov 30 Javascript
JS实现的tab页切换效果完整示例
Dec 18 Javascript
js array数组对象操作方法汇总
Mar 18 Javascript
12个提高JavaScript技能的概念(小结)
May 09 Javascript
通过vue手动封装on、emit、off的代码详解
May 29 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
Mar 04 Javascript
javascript canvas时钟模拟器
Jul 13 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函数serialize()与unserialize()的使用方法
2014/08/19 PHP
php中get_defined_constants函数用法实例分析
2015/05/12 PHP
基于laravel制作APP接口(API)
2016/03/15 PHP
PHP框架自动加载类文件原理详解
2017/06/06 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
php+js实现裁剪任意形状图片
2018/10/31 PHP
jquery Moblie入门—hello world的示例代码学习
2013/01/08 Javascript
用按钮控制iframe显示的网页实现方法
2013/02/04 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
2013/09/23 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
2014/05/20 Javascript
Iframe实现跨浏览器自适应高度解决方法
2014/09/02 Javascript
jquery实现简单的表单验证
2015/11/17 Javascript
把普通对象转换成json格式的对象的简单实例
2016/07/04 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
2016/10/21 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
2017/01/08 Javascript
vue双向绑定简要分析
2017/03/23 Javascript
JavaScript使用readAsDataURL读取图像文件
2017/05/10 Javascript
Vue+ElementUI实现表单动态渲染、可视化配置的方法
2018/03/07 Javascript
JavaScript实现百度搜索框效果
2020/03/26 Javascript
JS实现自定义弹窗功能
2018/08/08 Javascript
[52:29]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第三局
2016/03/03 DOTA
分享一个简单的python读写文件脚本
2017/11/25 Python
1 行 Python 代码快速实现 FTP 服务器
2018/01/25 Python
详解python做UI界面的方法
2019/02/27 Python
Python实现插入排序和选择排序的方法
2019/05/12 Python
Python的几种主动结束程序方式
2019/11/22 Python
任课老师推荐信范文
2013/11/24 职场文书
反腐倡廉演讲稿
2014/05/22 职场文书
会计试用期自我评价怎么写
2014/09/18 职场文书
2015秋季幼儿园开学寄语
2015/03/25 职场文书
简单的辞职信模板
2015/05/12 职场文书
react如何快速设置文件路径别名
2021/04/28 Javascript
使用Redis实现实时排行榜功能
2021/07/02 Redis
Vue如何清空对象
2022/03/03 Vue.js
Python利用zhdate模块实现农历日期处理
2022/03/31 Python