• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jquery获取checkbox的值并post提交

jquery获取checkbox的值并post提交

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了jquery,checkbox,post提交等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

废话不多说,直接奉上代码:

<!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)
  }
}

这里仅仅是简单实现下,给大家一个参考,小伙伴们可以自由扩展。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 基于jQuery对象和DOM对象和字符串之间的转化实例
  • jquery+css实现简单的图片轮播效果
  • 使用jQuery实现鼠标点击左右按钮滑动切换
  • jQuery实现上传图片前预览效果功能
  • jQuery初级教程之网站品牌列表效果
  • 基于jquery实现多选下拉列表
  • jQuery接受后台传递的List的实例详解
  • 详解jquery选择器的原理
  • jQuery上传插件webupload使用方法
  • 关于jquery form表单序列化的注意事项详解

相关文章

  • 2017-08-16Jquery动态添加输入框的方法
  • 2017-08-16jquery清空表单数据示例分享
  • 2017-08-16浅析Bootstrip的select控件绑定数据的问题
  • 2017-08-16jQuery源码分析-03构造jQuery对象-工具函数
  • 2017-08-16使用jQuery操作DOM的方法小结
  • 2017-08-16jquery图片滚动放大代码分享(1)
  • 2017-08-16解析jquery中的ajax缓存问题
  • 2017-09-04jquery获取radio的值
  • 2017-08-16jQuery学习笔记 操作jQuery对象 CSS处理
  • 2017-08-16layui前段框架日期控件使用方法详解

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
    • jQuery 使用手册(七)
    • 在Web项目中引入Jquery插件报错的完美解决方案(图解)
    • jQuery扁平化风格下拉框美化插件FancySelect使用指南
    • jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
    • ie8模式下click无反应点击option无反应的解决方法
    • jQuery实现的简单在线计算器功能
    • jquery事件绑定解绑机制源码解析
    • jquery 操作单选框,复选框,下拉列表实现代码
    • jQuery给动态添加的元素绑定事件的方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有