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 相关文章推荐
比较简单实用的使用正则三种版本的js去空格处理方法
Nov 18 Javascript
JavaScript 版本自动生成文章摘要
Jul 23 Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
Jan 24 Javascript
javascript实现博客园页面右下角返回顶部按钮
Feb 22 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 Javascript
利用python分析access日志的方法
Oct 26 Javascript
vue语法之拼接字符串的示例代码
Oct 25 Javascript
Vue 换肤的示例实践
Jan 23 Javascript
Layui Table js 模拟选中checkbox的例子
Sep 03 Javascript
在vue中使用el-tab-pane v-show/v-if无效的解决
Aug 03 Javascript
Vue表单提交点击事件只允许点击一次的实例
Oct 23 Javascript
解决elementui表格操作列自适应列宽
Dec 28 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 日志缩略名的创建函数代码
2010/05/26 PHP
php empty()与isset()区别的详细介绍
2013/06/17 PHP
thinkphp修改配置进入默认首页的方法
2017/02/07 PHP
利用php生成验证码
2017/02/23 PHP
Yii2实现自定义独立验证器的方法
2017/05/05 PHP
关于Yii中模型场景的一些简单介绍
2019/09/22 PHP
动态刷新 dorado树的js代码
2009/06/12 Javascript
高效的表格行背景隔行变色及选定高亮的JS代码
2010/12/04 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
event.currentTarget与event.target的区别介绍
2012/12/31 Javascript
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
把字符串按照特定的字母顺序进行排序的js代码
2014/01/28 Javascript
jquery图片轮播特效代码分享
2020/04/20 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
2016/08/25 Javascript
JQuery异步提交表单与文件上传功能示例
2017/01/12 Javascript
jQuery日期范围选择器附源码下载
2017/05/23 jQuery
js+css实现全屏侧边栏
2020/06/16 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
[47:42]完美世界DOTA2联赛PWL S2 GXR vs Ink 第一场 11.19
2020/11/20 DOTA
Python使用htpasswd实现基本认证授权的例子
2014/06/10 Python
Python中多线程及程序锁浅析
2015/01/21 Python
python构建自定义回调函数详解
2017/06/20 Python
python利用OpenCV2实现人脸检测
2020/04/16 Python
Django网络框架之HelloDjango项目创建教程
2019/06/06 Python
标准的毕业生自荐信
2014/04/20 职场文书
活动总结报告范文
2014/05/04 职场文书
公司捐款倡议书
2014/05/14 职场文书
网站出售协议书范文
2014/10/10 职场文书
新郎答谢词
2015/01/04 职场文书
岗位聘任报告
2015/03/02 职场文书
2015年科室工作总结
2015/04/10 职场文书
2015年度信用社工作总结
2015/05/04 职场文书
学校运动会通讯稿
2015/07/18 职场文书
十大冰系宝可梦排名,颜值最高的阿罗拉九尾,第三使用率第一
2022/03/18 日漫
Android Rxjava3 使用场景详解
2022/04/07 Java/Android
MySQL性能指标TPS+QPS+IOPS压测
2022/08/05 MySQL