使用jQuery获取到所有复选框的值并用Ajax异步提交数据

傷城~ 2023-02-17 02:45 8阅读 0赞

### 使用jQuery获取到所有复选框的值并用Ajax异步提交数据 ###

<body>
    <div>
       <input type="checkbox" name="check"  value="1"/>复选框1
       <input type="checkbox" name="check"  value="2"/>复选框2
       <input type="checkbox" name="check"  value="3"/>复选框3
        <br/>
       <input type="checkbox" name="check"  value="4"/>复选框4
       <input type="checkbox" name="check" value="5"/>复选框5
       <input type="checkbox" name="check"  value="6"/>复选框6
        <br/>
       <input type="checkbox" name="check"  value="7"/>复选框7
       <input type="checkbox" name="check"  value="8"/>复选框8
       <input type="checkbox" name="check"  value="9"/>复选框9
       <input type="button" id="dosubmit" value="提交">
    </div>
    </body>
    
    <script>
        $('#dosubmit').click(function(){ 
            var checkID = [];//定义一个空数组
    
            $("input[name='check']:checked").each(function(i){ //把所有被选中的复选框的值存入数组
                checkID[i] =$(this).val();
            });
    
            //用Ajax传递参数
            $.post('Ajax.php',{ checkID:checkID},function(json){ 
    
            },'json')
        })
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，8人围观）

还没有评论，来说两句吧...

相关阅读

相关使用jQuery异步提交多个复选框的值给PHP

在本篇文章中，我们将讨论如何使用jQuery来获取多个复选框的值，并通过异步方式将这些值提交给后端的PHP脚本。我们将提供相应的源代码示例来帮助你理解这个过程。首先，让我们

旧城等待，/ 2024年02月26日 02:04/ 0 赞/ 13 阅读

相关使用jQuery获取到所有复选框的值并用Ajax异步提交数据

使用jQuery获取到所有复选框的值并用Ajax异步提交数据 <body> <div> <input type="checkbox" nam

傷城~/ 2023年02月17日 02:45/ 0 赞/ 9 阅读

相关 jquery复选框全选获取下拉框的值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

女爷i/ 2022年09月20日 16:18/ 0 赞/ 328 阅读

相关 jquery获取单选框复选框下拉框值

jquery获取单选框（radio）复选框（checkbox）下拉框（select）的值，亲测可用。有什么疑问可以留言效果图： ![20160218153630060][

男娘i/ 2022年08月20日 08:28/ 0 赞/ 432 阅读

相关 JQuery获取复选框checkbox的值

JQuery获取复选框checkbox的值 > 在HTML页面上，有时需要用到input的type为checkbox，下面介绍几种获取checkedbox值的方法： 1

悠悠/ 2022年08月03日 12:51/ 0 赞/ 363 阅读

相关 jquery获取input 复选框值

第一种： var tempArray = new Array(); $("input:checkbox\[class='chk\_list'\]:che

逃离我推掉我的手/ 2022年06月13日 04:46/ 0 赞/ 438 阅读

相关使用ajax将复选框的值提交到后台

说明在javaweb项目中，需要使用ajax将复选框的值的提交到后台，记录一下当时碰到的问题正文一、使用jQuery得到复选框的值

不念不忘少年蓝@/ 2022年06月06日 06:47/ 0 赞/ 165 阅读

相关 jquery中获取复选框的值

定义一个cityId数组去接收复选框中的值： var cityId = new Array(); $.each($('input:checkbox:checked

末蓝、/ 2022年05月21日 11:17/ 0 赞/ 309 阅读

相关获取复选框值

obj = document.getElementsByName("check"); check_val = [];

逃离我推掉我的手/ 2021年09月15日 15:38/ 0 赞/ 537 阅读

相关 jquery获取复选框的值

//jquery获取复选框值 var chk_value =[];//定义一个数组 $('input[name="zjc"]:checked').eac

Dear 丶/ 2021年07月26日 12:33/ 0 赞/ 547 阅读