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 相关文章推荐
让innerText在firefox火狐和IE浏览器都能用的写法
May 14 Javascript
利用JS自动打开页面上链接的实现代码
Sep 25 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
Feb 19 Javascript
JavaScript中诡异的delete操作符
Mar 12 Javascript
使用JS中的exec()方法构造正则表达式验证
Aug 01 Javascript
jquery popupDialog 使用 加载jsp页面的方法
Oct 25 Javascript
浅谈vue-cli 3.0.x 初体验
Apr 11 Javascript
node 命令方式启动修改端口的方法
May 12 Javascript
laydate时间日历插件使用方法详解
Nov 14 Javascript
浅谈javascript中的prototype和__proto__的理解
Apr 07 Javascript
Vue3.0中的monorepo管理模式的实现
Oct 14 Javascript
浅谈Vue.use到底是什么鬼
Jan 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
jquery复选框CHECKBOX全选、反选
2008/08/30 Javascript
Mootools 1.2教程 排序类和方法简介
2009/09/15 Javascript
javascript利用初始化数据装配模版的实现代码
2010/11/17 Javascript
基于json的jquery地区联动效果代码
2011/07/06 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
2012/09/14 Javascript
jQuery中first()方法用法实例
2015/01/06 Javascript
轻量级的原生js日历插件calendar.js使用指南
2015/04/28 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
2016/08/15 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
2016/11/22 Javascript
ES5学习教程之Array对象
2017/04/01 Javascript
浅谈react-native热更新react-native-pushy集成遇到的问题
2017/09/30 Javascript
vue2 router 动态传参,多个参数的实例
2017/11/10 Javascript
学习JS中的DOM节点以及操作
2018/04/30 Javascript
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
VUE实现移动端列表筛选功能
2019/08/23 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
2019/12/19 Javascript
Python版实现微信公众号扫码登陆
2020/05/28 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
浅谈Python基础之I/O模型
2017/05/11 Python
浅谈scrapy 的基本命令介绍
2017/06/13 Python
python中实现将多个print输出合成一个数组
2018/04/19 Python
Appium+Python自动化测试之运行App程序示例
2019/01/23 Python
pyqt5 获取显示器的分辨率的方法
2019/06/18 Python
基于keras输出中间层结果的2种实现方式
2020/01/24 Python
TensorFlow Autodiff自动微分详解
2020/07/06 Python
Python如何实现自带HTTP文件传输服务
2020/07/08 Python
HTML5中的Web Notification桌面右下角通知功能的实现
2018/04/19 HTML / CSS
Casetify官网:自制专属手机壳、iPad护壳和Apple Watch手表带
2018/05/09 全球购物
澳大利亚领先的优质葡萄酒拍卖会:Langton’s Fine Wines
2019/03/24 全球购物
回门宴父母答谢词
2014/01/26 职场文书
四年级语文教学反思
2014/02/05 职场文书
2014幼儿教师个人工作总结
2014/12/03 职场文书
财务部岗位职责范本
2015/04/14 职场文书
公司员工辞职信范文
2015/05/12 职场文书
win10安装配置nginx的过程
2021/03/31 Servers
手把手教你实现PyTorch的MNIST数据集
2021/06/28 Python