jquery获取checkbox的值并post提交

废话不多说，直接奉上代码：

代码如下:

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

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

赞 (0)

相关推荐

  • Jquery遍历checkbox获取选中项value值的方法

    源码: 复制代码 代码如下: jQuery(function($){ $("input[name='key']:checkbox").click(function(){ var ids = ''; var flag = 0; $("#ids").attr("value",ids); $("input[name='key']:checkbox").each(function(){ if (true == $(this).attr

  • jQuery实现checkbox全选的方法

    本文实例讲述了jQuery实现checkbox全选的方法.分享给大家供大家参考.具体分析如下: 通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题. 使用click事件,根据checked属性进行判断即可. 示例: $("#chkRreviewOffline").click(function(){ if(this.checked){ $('#review-offline .btn_checkbox input[typ

  • jQuery获取checkboxlist的value值的方法

    CheckboxList是服务器控件,绑定数据容易,服务器端获取选中值也容易.但是生成的静态页面居然没有ListItem的Value值,所以默认情况下用js在页面中是取不到ListItem的值的.至于为什么不显示value值,我也不清楚,本篇给出一个用jQuery获取checkboxlist值的方法. 先看看原始的页面html代码: <asp:CheckBoxList runat="server" ID="listTest"> </asp:Chec

  • jquery获取多个checkbox的值异步提交给php

    html代码: <tr> <td><input type="checkbox" name="uid" value="<?=$item['mtaccount_id']?>"></td> <td><?=$item['mtaccount_id']?></td> <td><?=$item['account_id']?></td&g

  • jQuery获取Radio,CheckBox选择的Value值(示例代码)

    $("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值$("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发$("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发$("#text_id").selec

  • jquery获取多个checkbox的值异步提交给php的方法

    本文实例讲述了jquery获取多个checkbox的值异步提交给php的方法.分享给大家供大家参考.具体实现方法如下: html代码: <tr> <td><input type="checkbox" name="uid" value="<?=$item['mtaccount_id']?>"></td> <td><?=$item['mtaccount_id']?>&

  • Jquery 实现checkbox全选方法

    昨天早上有写到怎么利用Jquery实现全选 根据大家的意见对程序中一些写法不好的地方进行了修改,也是本人水平有限,存在各种考虑不到的地方. 文章最后我提出了一个问题,要写一个通用的方法来调用,于是就有了现在的这篇文章,晚上回到家,我就写出了效果 下面的例子可以供大家讨论学习,如果觉得不错也可以直接应用到项目中. 1:为什么要写这个方法 网上实现一句话全选全不选的有很多,但是好像都忽略了一个问题,全选的checkbox可以控制下面的子checkbox,但是下面的子checkbox应该也可以控制上面

  • JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结

    一: DropDownList ------------------------------------------------------------------------------------------- 在使用 JQuery 进行遍历操作时, $("input").each(function(i) { ...... } 当操作对象的类型为 dropdownlist时:(备注:在firefox下DropDownList的类型为"select-one") 获

  • JQuery操作textarea,input,select,checkbox方法

    JQuery操作textarea,input,select,checkbox方法

    今天学习怎样用JQuery编写一些小的代码,小小的试了一下编写一个textarea,代码如下: <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css" media="screen"> *{ marg

  • ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)

    ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)

    这章内容比较简单,直接上页面代码: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Recipe6.aspx.cs" Inherits="Recipe6" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt

  • ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)

    ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)

    界面代码: 复制代码 代码如下: <form id="form1" runat="server"> <div align="left"> <fieldset style="width: 400px; height: 150px"> <p> 请选择语言</p> <asp:CheckBoxList ID="ckbListPro" runat=&q

  • CheckBoxList多选样式jquery、C#获取选择项

    复制代码 代码如下: .checkboxlist label { margin-right: 20px; } 复制代码 代码如下: var label; $("#ddlplatform input:checkbox:checked").each(function () { label += $(this).next().html(); }); 复制代码 代码如下: <asp:CheckBoxList ID="ddlplatform" runat="s

  • jQuery将所有被选中的checkbox某个属性值连接成字符串的方法

    本文实例讲述了jQuery将所有被选中的checkbox某个属性值连接成字符串的方法.分享给大家供大家参考.具体如下: 需求: 对于一组checkbox,当点击每个checkbox后,把当前处于选中状态的checkbox的某个属性值取出来连接成字符串,并以逗号分开. 实现方法: html部分: 复制代码 代码如下: <input type="checkbox" id="1"/> <label for="1">选项一<

  • jquery实现的代替传统checkbox样式插件

    jquery实现的代替传统checkbox样式插件

    本文实例讲述了jquery实现的代替传统checkbox样式插件.分享给大家供大家参考.具体如下: 效果图如下: 具体代码如下: (function($){ $.fn.tzCheckbox = function(options){ // Default On / Off labels: options = $.extend({ labels : ['ON','OFF'] },options); return this.each(function(){ var originalCheckBox =

  • jQuery实现自定义checkbox和radio样式

    jQuery实现自定义checkbox和radio样式

    1,起因 最近在工作中要实现自定义式的radio样式,而我们通常使用的时默认的样式,因为自己实在想不到解决的方法,于是开始搜索,最终看到了不错的解决办法,可以完美解决我们遇到的问题. 2,原理 大家都知道在写结构的时候,radio或checkbox都会跟随label一起使用,label的for属性值和input的id值相同的情况下,点击label就可以选中input,这里正是利用label 来覆盖我们的input默认样式,通过给label添加背景图片(美化的checkbox或radio),也就是

  • ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList

    ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList

    首先看下界面代码: 复制代码 代码如下: <form id="form1" runat="server"> <div align="center"> <fieldset style="width: 350px; height: 200px;"> <table border="0" cellpadding="3" cellspacing="

随机推荐