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

最新推荐文章于 2023-10-10 19:13:27 发布

徊忆羽菲

最新推荐文章于 2023-10-10 19:13:27 发布

阅读量615

点赞数

分类专栏： Javascript Html Jquery

本文链接：https://blog.csdn.net/guo_qiangqiang/article/details/106685319

版权

Html 同时被 3 个专栏收录

248 篇文章 7 订阅

订阅专栏

Javascript

231 篇文章 5 订阅

订阅专栏

Jquery

188 篇文章 1 订阅

订阅专栏

使用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
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
使用jQuery获取到所有复选框的值并用Ajax异步提交数据

使用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/&gt
复制链接

扫一扫