jquery表单ajax提交以及checkbox全选/全不选

最新推荐文章于 2021-08-06 16:30:05 发布

java20100406

最新推荐文章于 2021-08-06 16:30:05 发布

阅读量3.7k

点赞数

分类专栏： js 文章标签： ajax jquery action function input json

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/java20100406/article/details/6308166

版权

这篇博客介绍了如何使用JQuery实现checkbox的全选和全不选功能，并通过示例代码展示了利用ajax进行表单提交的步骤。全选/全不选功能通过监听复选框的点击事件实现，而表单则是通过jQuery的ajaxSubmit方法以POST方式发送到指定的action处理，返回JSON数据。

摘要由CSDN通过智能技术生成

1.checkbox全选/全不选

//JQuery一句话搞定全选/全不选
$(document).ready(function() {
    $("#all").click(function() {
        $("input[name='serialNumbercheck']").attr("checked", $("input[id='all']").attr("checked"));
    });
})
//注:all是全选的那个复选框的ID,serialNumbercheck是多个复选框的名字.

2.jquery表单ajax提交

a.<script type="text/javascript" src="<s:url value="/jquery/jquery.form.js"/>" ></script>

b.<s:form id="testCaseForm_0_" method="post" action="ajax/saveObject.html"> </s:form>

c.var options = { dataType:"json",

最低0.47元/天解锁文章

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jquery表单ajax提交以及checkbox全选/全不选

<br />1.checkbox全选/全不选<br />//JQuery一句话搞定全选/全不选<br />$(document).ready(function() {<br /> $("#all").click(function() {<br /> $("input[name='serialNumbercheck']").attr("checked", $("input[id='all']").attr("checked"));<br /> });<br />})<br />//注
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。