jqm或html5页面在触摸屏中disabled,单选,多选的change()事件
来源:互联网 发布:初一英语点读软件 编辑:程序博客网 时间:2024/06/16 07:22
在用jqm做为html5手机应用开发的时候,也是遇到很多的问题,虽然jqm学习起来上手很快,功能demo也可以,今天就总结一下jqm中遇到的问题,
①日期控件:
jqm的日期小功能是可以直接拿来用,不需要再去找第三方的库来做专门的日期插件,
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script><meta>标签中最后的user-scalable="no"是禁止这个html网页缩放,
引入jqm的几个文件之后,就可以做日期插件了
两个做日期插件的api:
http://api.jqueryui.com/datepicker/#entry-examples
https://github.com/arschmitz/jquery-mobile-datepicker-wrapper
②在做单选框radio的选择的时候,需要将一些模块显示,另一些模块隐藏,并且要刷新之前的选中状态
单选
var t1=$('input:radio[name="YDDL"]:checked').val(); //获取单选框的值
<span style="font-size:14px;"> $("input[name='GGG']").change(function(){ //单选框选择改变的时候触发的事件 if($("#GGG_1").prop("checked")){ $("#gmmc").show(); } else{ $("#gmmc").hide(); $("input[name='otherIlls4']").prop("checked", false).checkboxradio("refresh"); } })</span>复选
<pre name="code" class="html"> var text=""; //用循环的方式获取多选框的值,并且用"-"链接起来 $('input[name="otherIlls"]:checked').each(function(){ text += "-"+$(this).val(); });③disabled不能禁用组件
在有时候需要禁用一些组件来达到我们程序的一些功能,但是在开发过程中会遇到给元素加disabled属性的
时候元素的视图组件并没有被禁用,其中经常遇到的是:这个组件被包含的父布局中,禁用这个组件必须从父元素
着手,
$("input[name='tj_sex']").change(function(){ if($("#male").prop("checked")){ $("#jzs_gja").parent().hide();//用到parent()获取父窗口然后hide()这个元素 $("#jzs_zga").parent().hide(); $("#yjsys").hide(); $("#rfybk").hide(); $("#bdyc").hide(); }else{ $("#jzs_gja").parent().show(); $("#jzs_zga").parent().show(); $("#jzs_lca").parent().show(); } });$("input[name='tj_sex']").prop("checked", false).checkboxradio("refresh");
$("input[name='tj_sex']").attr("disabled", true);
$("#age").unbind("touchend");//用unbind("touchend")让这个元素不能触摸达到disabled的作用,当然这些是
用jqm的时候遇到的,jqm里面的元素disabled是用的
$("#id").addClass('ui-disabled'); 取消禁用用
$("#id").removeClass("ui-disabled");
0 0
- jqm或html5页面在触摸屏中disabled,单选,多选的change()事件
- jqm 单页面跳转
- jqm 页面切换事件监听
- 如何在HTML5页面中使用鼠标滚轮事件
- 如何在javascript中捕获浏览器关闭按钮或退出页面的事件
- select2多选和change事件
- JQM页面载入方式的理解
- JQM页面载入方式的理解
- 在IE中关于Radio和Checkbox在JQuery中的change事件的立即触发
- javascript中change事件的用法
- jquery中select 的change事件实例
- select下拉列表 和 radio单选按钮控件开关---- 根据值选择选项 & change事件
- jQuery:radio change事件及控件enabled、disabled设置
- jQuery:radio change事件及控件enabled、disabled设置
- jQuery:radio change事件及控件enabled、disabled设置
- backbone.js+jqm+html5的移动App开发总结一
- HTML5 中canvas支持触摸屏的签名面板
- HTML5触摸屏和移动设备事件
- [LeetCode]--9. Palindrome Number
- Android 二级列表
- c++ 字符串数字转整型函数
- websocket协议的解析与实现(一)
- vmstat
- jqm或html5页面在触摸屏中disabled,单选,多选的change()事件
- 编程输出,第一行一个*,第二行两个*,每个星后面一个点,第三行三个星,每颗星后面两个点,以此类推,打印8行
- Ubuntu 14.0.4安装Opencv2.4.13,并配置Clion来开发
- el空格的小沟翻了船
- JavaScript 条件语句 If ... Else
- 勾股定理一日一证连载117
- 非阻塞IO
- 2016.09.27---servlet跳转页面
- Codevs 3027 线段覆盖 2 序列dp