jquery捕捉回车键及获取checkbox值与异步请求的方法

本文实例讲述了jquery捕捉回车键及获取checkbox值与异步请求的方法。分享给大家供大家参考，具体如下：

1、jquery捕捉回车键：

$("html").die().live("keydown",function(event){
  if(event.keyCode==13){
   //这里添加要处理的逻辑
  }
});

2.jquery获得多个选中的checkbox值：

$('input[type="checkbox"][name="types"]:checked').each(function() {
  types = types+$(this).val()+ "|";
 }
);

3.jquery异步请求的方法：

$.ajax({
  url : "${pageContext.request.contextPath}/UOSRoleManangerAction.do?method=createRole",
  type : "post",
  dataType : "html",
  data:{"roleName":roleName,"roleDescription":roleDescription,"roles":roles,"types":types},
  success : function(data){
   var dataObj=eval("("+data+")");
   if(dataObj.result){
    alert("操作成功！");
    submitForm(null,"initPage");
   }else {
    alert("操作失败！");
   }
  }
});

希望本文所述对大家jQuery程序设计有所帮助。

赞 (0)

相关推荐

  • JQuery操作textarea,input,select,checkbox方法

    JQuery操作textarea,input,select,checkbox方法

    今天学习怎样用JQuery编写一些小的代码,小小的试了一下编写一个textarea,代码如下: <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css" media="screen"> *{ marg

  • jquery获取多个checkbox的值异步提交给php的方法

    本文实例讲述了jquery获取多个checkbox的值异步提交给php的方法.分享给大家供大家参考.具体实现方法如下: html代码: <tr> <td><input type="checkbox" name="uid" value="<?=$item['mtaccount_id']?>"></td> <td><?=$item['mtaccount_id']?>&

  • Jquery异步请求数据实例代码

    一.Jquery向aspx页面请求数据 前台页面JS代码: 复制代码 代码如下: $("#Button1").bind("click", function () { $.ajax({ type: "post", url: "default.aspx", data: "name=" + $("#Text1").val(), success: function (result) { aler

  • jQuery实现当按下回车键时绑定点击事件

    当按下回车键时,绑定按钮点击事件代码如下,通过检测按下的键值,回车键keycode为13,判断是否是回车键,然后完成相应的方法. 复制代码 代码如下: <script> $(function(){ $(document).keydown(function(event){ if(event.keyCode==13){ $("#mouse").click(); } }); $("#mouse").click(function(){ alert("n

  • jquery的ajax异步请求接收返回json数据实例

    jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以. 代码示例如下: 复制代码 代码如下: $('#send').click(function () {     $.ajax({         type : "GET",         url : "a.php",         dataType : "json

  • Jquery响应回车键直接提交表单操作代码

    事情是这样的,做了一个登陆页面,把 Form 去了,直接拿 Jquery 的 Ajax 跟服务器交互,但是这样的话 浏览器就不会默认响应 回车键提交数据了.索性让 Jquery 也接管 回车键的响应吧: 复制代码 代码如下: $("#loginbox input[type='submit']").click(function() {     //Ajax 与服务器交互验证 }); $('#loginbox').keydown(function(e){     if(e.keyCode

  • 基于Jquery的实现回车键Enter切换焦点

    基于Jquery的实现回车键Enter切换焦点

    接下来我们使用Jquery实现回车键Enter切换焦点,此代码在常用浏览器IE7, IE8, Firefox 3, Chrome 2 和 Safari 4测试通过.使用的开发工具是微软VS2010+Jquery框架. 实现步骤如下 1. 首先引用Jquery类库 <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 2. Javascript代码

  • jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)

    键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部.键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,document这样的元素上.在所有可以获得交点的元素上是可以触发键盘事件的,可以获得焦点的元素可以这样理解,在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下,当tabindex设置为负数的时候,在使用Tab键的时候就不会获得焦点). 键盘事件可以传

  • jquery实现全选、反选、获得所有选中的checkbox

    jquery实现全选、反选、获得所有选中的checkbox

    举了7个不同的checkbox状态,和大家一一分享. 1.全选 $("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); }) 2.取消全选(全不选) $("#btn2").click(function(){ $("input[name='checkbox']").removeAttr

  • jQuery实现回车键（Enter）切换文本框焦点的代码实例

    以下是实现方法: 复制代码 代码如下: <script src="http://yige.org/static/js/j.js"></script>jQuery(function () {    jQuery('input:text:first').focus();//直接定位到当前页面的第一个文本框    var $inp = jQuery('input:text');//所有文本框    $inp.bind('keydown', function (e) {

随机推荐