栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

选中复选框后提交表单-教程

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

选中复选框后提交表单-教程

如果我正确理解您的问题:

您可以使用jQuery和AJAX完成此操作。在第一个示例中,我无需提交整个表单,而仅提交复选框的值:

jQuery("#myCheckbox").click(function() {   var $checkbox = jQuery(this);   var checkboxData = "checkboxvalue=" + $checkbox.val();   jQuery.ajax({      url: "http://some.url.here",      type: "POST",      data: checkboxData,      cache: false,      dataType: "json",      success: function(data) {          if(data["success"]) { //do some other stuff if you have to //this is based on the assumption that you're sending back //JSON data that has a success property defined          }      }   });});

大概您会在服务器端处理一些事情。

如果你真的 希望提交一个表单,你可以做同样的事情上面,除非你序列化表单数据:

jQuery("#myCheckbox").click(function() {   var formData = jQuery("#formID").serialize();   jQuery.ajax({      url: "http://some.url.here",      type: "POST",      data: formData,      cache: false,      dataType: "json",      success: function(data) {          if(data["success"]) { //do some other stuff if you have to //this is based on the assumption that you're sending back //JSON data that has a success property defined          }      }   });});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/399791.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号