jquery表单ajax提交以及checkbox全选/全不选
2011-04-07 22:35
726 查看
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", url:"ajax/saveObject.html" , type:"post" };
$('#testCaseForm_0_').ajaxSubmit( options );
d. <action name="saveObject" class="cn.shaviation.common.webapp.action.AssociationBaseAction" method="saveTarget">
<result name="success" type="json">
<param name="root">result</param>
</result>
</action>
//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", url:"ajax/saveObject.html" , type:"post" };
$('#testCaseForm_0_').ajaxSubmit( options );
d. <action name="saveObject" class="cn.shaviation.common.webapp.action.AssociationBaseAction" method="saveTarget">
<result name="success" type="json">
<param name="root">result</param>
</result>
</action>
相关文章推荐
- jquery表单ajax提交以及checkbox全选/全不选 .
- 用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式改动提交相应的那一行的改动内容。
- (一)jquery做ajax表单提交以及字段验证
- jQuery - ajax无刷新保存例子以及提交表单
- Ajax模仿form表单提交 以及jquery的param()方法
- jquery多选择动态参数的使用以及ajax异步请求中提交整个form表单中serializeArray()的使用以及后台值得获取方式
- 用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式修改提交对应的那一行的修改内容。
- Form表单利用Jquery Validate验证以及ajax提交
- 手机号验证,为jquery-validation添加自定义验证方式,以及Ajax提交form表单
- 解决AJAX表单用POST方式提交Checkbox复选框的问题
- jquery 自动创建form表单提交代码 下拉条 ajax模板代码 添加_移除 属性_样式
- jquery序列化form表单使用ajax提交后处理返回的json数据
- jquery之表单插件(通过Ajax提交表单之一)
- Jquery通过Ajax方式来提交Form表单
- jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。
- jquery---------ajax+validate表单异步提交验证
- .net MVC 用jquery读取表单数据,AJAX异步提交表单例子
- 利用jQuery Form插件实现表单的ajax提交(原创)
- Jquery、 ajax和struts2+Hibernate查询数据库验证用户名是否存在,表单禁止提交等!
- jquery序列化form表单使用ajax提交后处理返回的json数据