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 相关文章推荐
浏览器加载、渲染和解析过程黑箱简析
Nov 29 Javascript
在JS中如何调用JSP中的变量
Jan 22 Javascript
javascript实现切换td中的值
Dec 05 Javascript
easyui Droppable组件实现放置特效
Aug 19 Javascript
AngularJS ng-bind-html 指令详解及实例代码
Jul 30 Javascript
JS实现瀑布流布局
Oct 21 Javascript
bootstrap 路径导航 分页 进度条的实例代码
Aug 06 Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
Mar 30 Javascript
JS实现盒子拖拽效果
Feb 06 Javascript
微信小程序用canvas画图并分享
Mar 09 Javascript
Echarts在Taro微信小程序开发中的踩坑记录
Nov 09 Javascript
微前端qiankun改造日渐庞大的项目教程
Jun 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
PHP防注入安全代码
2008/04/09 PHP
smarty section简介与用法分析
2008/10/03 PHP
php的一些小问题
2010/07/03 PHP
PHP内置的Math函数效率测试
2014/12/01 PHP
javascript 强制刷新页面的实现代码
2009/12/13 Javascript
JQuery下关于$.Ready()的分析
2009/12/13 Javascript
js不完美解决click和dblclick事件冲突问题
2012/07/16 Javascript
JQueryEasyUI datagrid框架的基本使用
2013/04/08 Javascript
模拟用户点击弹出新页面不会被浏览器拦截
2014/04/08 Javascript
jQuery实现点击该行即可删除HTML表格行
2014/10/17 Javascript
js光标定位文本框回车表单提交问题的解决方法
2015/05/11 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
2015/12/24 Javascript
jQuery Mobile页面返回不需要重新get
2016/04/26 Javascript
JavaScript sort数组排序方法和自我实现排序方法小结
2016/06/06 Javascript
window.open不被拦截的简单实现代码(推荐)
2016/08/04 Javascript
详解vue-router 2.0 常用基础知识点之router.push()
2017/05/10 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
2018/03/13 Javascript
jQuery实现ajax的嵌套请求案例分析
2019/02/16 jQuery
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
2019/05/27 Javascript
[05:13]2018DOTA2亚洲邀请赛主赛事第二日战况回顾 LGD、VG双雄携手晋级
2018/04/05 DOTA
Python functools模块学习总结
2015/05/09 Python
Python中规范定义命名空间的一些建议
2016/06/04 Python
Python3实现并发检验代理池地址的方法
2016/09/18 Python
基于Django contrib Comments 评论模块(详解)
2017/12/08 Python
简单了解python PEP的一些知识
2019/07/13 Python
Pandas 解决dataframe的一列进行向下顺移问题
2019/12/27 Python
sklearn的predict_proba使用说明
2020/06/28 Python
CSS3系列之3D制作方法案例
2017/08/14 HTML / CSS
吉尔德利巧克力公司:Ghirardelli Chocolate Company
2019/03/27 全球购物
六一儿童节主持词
2014/03/21 职场文书
经济贸易系求职信
2014/08/04 职场文书
乡镇党的群众路线教育实践活动总结报告
2014/10/30 职场文书
2014小学年度工作总结
2014/12/20 职场文书
CSS完成视差滚动效果
2021/04/27 HTML / CSS
MySQL中varchar和char类型的区别
2021/11/17 MySQL
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS