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

徊忆羽菲

于 2020-06-11 11:43:31 发布

阅读量681

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript Html Jquery

本文链接：https://blog.youkuaiyun.com/guo_qiangqiang/article/details/106685319

Html 同时被 3 个专栏收录

261 篇文章

订阅专栏

Javascript

243 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

本文介绍了一种使用jQuery获取多个复选框选中状态的方法，并通过Ajax将这些数据异步提交到服务器。具体实现包括遍历所有名为'check'的复选框，收集已选中项的值，然后将这些值打包成数组，最后通过Ajax的POST请求发送到指定的PHP文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用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>