jquerymobile checkbox及时刷新才能获取其准确值

 更新时间:2012年04月14日 00:18:05   作者:  
一般登录的时候 都有个记住用户名 记住密码 的两个checkbox 多选框用jquerymobile 做页面 ,当勾选checkbox 时总是不能获取它正确的值
解决办法:
复制代码 代码如下:

$('input[type="checkbox"]').bind('click',function() {
$(this).prop('checked').checkboxradio("refresh"); // 绑定事件及时更新checkbox的checked值
});

如果要用js去改变checkbox的值时也要及时刷新。
复制代码 代码如下:

$('input [type="checkbox"]').attr('checked',false).checkboxradio("refresh");
$('input [type="checkbox"]').attr('checked',false).checkboxradio("refresh");

原因: 因为手动改变它的值后,jquerymobile不能重新渲染。 这样页面显示的值和实际值就不一样了。 (jquerymobile 把form表单元素都隐藏起来,然后用 js添加了一些元素易于美化input, select ,textarea 等元素的效果)

相关文章

  • jQuery对象与DOM对象之间的转换方法

    jQuery对象与DOM对象之间的转换方法

    刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象。至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换。
    2010-04-04
  • jQuery动画效果animate和scrollTop结合使用实例

    jQuery动画效果animate和scrollTop结合使用实例

    animate是jq的一个特效的函数方法,animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。
    2014-04-04
  • JQuery validate插件验证用户注册信息

    JQuery validate插件验证用户注册信息

    这篇文章主要为大家详细介绍了JQuery validate插件验证用户注册信息的具体代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • 在一个页面实现两个zTree联动的方法

    在一个页面实现两个zTree联动的方法

    最近发现项目中很多地方都是树形菜单,而这些树形菜单都是使用树形插件zTree来制作的,下面这篇文章主要给大家介绍了关于在一个页面实现两个zTree联动的相关资料,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2017-12-12
  • jQuery EasyUI API 中文文档 - Documentation 文档

    jQuery EasyUI API 中文文档 - Documentation 文档

    jQuery EasyUI API 中文文档 - Documentation 文档,使用jQuery EasyUI的朋友可以参考下。
    2011-09-09
  • jQuery Html控件基本操作(日常收集整理)

    jQuery Html控件基本操作(日常收集整理)

    这篇文章主要介绍了jQuery Html控件基本操作(日常收集整理)的相关资料,需要的朋友可以参考下
    2016-03-03
  • jQuery表单插件ajaxForm实例详解

    jQuery表单插件ajaxForm实例详解

    前端时间写项目用到了ajaxForm这个插件,可以用它提交表单和上传图片,听起来和正常的form表单提交没什么区别,只不过是ajax提交,无需刷新页面,下面通过实例给大家介绍jQuery表单插件ajaxForm,需要的朋友参考下吧
    2017-01-01
  • 读jQuery之一(对象的组成)

    读jQuery之一(对象的组成)

    首次接触jQuery是在2008年,上地的一家小公司。当时的版本是1.1,在此之前我仅接触过Prototype.js。
    2011-06-06
  • jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较

    jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序

    这篇文章主要介绍了jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • jQuery回到顶部的代码

    jQuery回到顶部的代码

    在一些网站上,我们经常见到返回顶部的效果,本文给大家介绍基于jquery如何实现返回顶部效果,非常不错,感兴趣的朋友可以参考下
    2016-07-07

最新评论