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


Posted in Javascript onApril 14, 2012

解决办法:

$('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 等元素的效果)
Javascript 相关文章推荐
Javascript操纵Cookie实现购物车程序
Feb 15 Javascript
jQuery在html有效在jsp无效的原因及解决方法
Aug 02 Javascript
解决Extjs4中form表单提交后无法进入success函数问题
Nov 26 Javascript
js实现全屏漂浮广告移入光标停止移动
Dec 02 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
Mar 04 Javascript
JS上传组件FileUpload自定义模板的使用方法
May 10 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
Dec 27 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
Apr 01 Javascript
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
Dec 11 Javascript
vue router 通过路由来实现切换头部标题功能
Apr 24 Javascript
解决vue-cli 打包后自定义动画未执行的问题
Nov 12 Javascript
vue项目或网页上实现文字转换成语音播放功能
Jun 09 Javascript
深入理解JavaScript系列(16) 闭包(Closures)
Apr 12 #Javascript
深入理解JavaScript系列(15) 函数(Functions)
Apr 12 #Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
Apr 12 #Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
Apr 12 #Javascript
window.parent与window.openner区别介绍
Apr 12 #Javascript
JavaScript单元测试ABC
Apr 12 #Javascript
扩展JavaScript功能的正确方法(译文)
Apr 12 #Javascript
You might like
PHP.MVC的模板标签系统(五)
2006/09/05 PHP
一些常用的php函数
2006/12/06 PHP
smarty巧妙处理iframe中内容页的代码
2012/03/07 PHP
PHP把网页保存为word文件的三种方法
2014/04/01 PHP
javascript+php实现根据用户时区显示当地时间的方法
2015/03/11 PHP
php实现用手机关闭计算机(电脑)的方法
2015/04/22 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
PHP convert_uudecode()函数讲解
2019/02/14 PHP
PHP生成随机码的思路与方法实例探索
2019/04/11 PHP
js判断undefined变量类型使用typeof
2013/06/03 Javascript
JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例
2013/06/29 Javascript
javascript事件冒泡详解和捕获、阻止方法
2014/04/12 Javascript
jquery滚动到顶部底部代码
2015/04/20 Javascript
使用控制台破解百小度一个月只准改一次名字
2015/08/13 Javascript
jQuery版AJAX简易封装代码
2016/09/14 Javascript
简单谈谈React中的路由系统
2017/07/25 Javascript
node express使用HTML模板的方法示例
2019/08/22 Javascript
vue cli4下环境变量和模式示例详解
2020/04/09 Javascript
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
2020/08/04 Javascript
Python中的super()方法使用简介
2015/08/14 Python
Python 多线程实例详解
2017/03/25 Python
Django上线部署之IIS的配置方法
2019/08/22 Python
学会迭代器设计模式,帮你大幅提升python性能
2021/01/03 Python
python正则表达式re.match()匹配多个字符方法的实现
2021/01/27 Python
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
html5的画布canvas——画出简单的矩形、三角形实例代码
2013/06/09 HTML / CSS
Canvas制作旋转的太极的示例
2018/03/09 HTML / CSS
欧洲领先的火车票和大巴票预订平台:Trainline
2018/12/26 全球购物
铭宣海淘转运:美国、日本、英国转运等全球转运公司
2019/09/10 全球购物
请问软件开发中的设计模式你会使用哪些
2015/05/13 面试题
小学节能减排倡议书
2014/05/15 职场文书
2014群众路线学习笔记
2014/11/06 职场文书
如何写好一份优秀的工作总结?
2019/06/21 职场文书
MySQL通过binlog恢复数据
2021/05/27 MySQL
python多线程方法详解
2022/01/18 Python
Docker下安装Oracle19c
2022/04/13 Servers