jQuery技术

mobile, jQuery Mobile 教程

字号+ 作者:H5之家 来源:H5之家 2017-03-06 18:02 我要评论( )

特别申明:本系列教程由小春撰写 本文我们来深度认识一下jQuery Mobile的checkboxradio插件 表单中的radio与checkbox都依赖它进行初始化增强以及一些事件的绑定

本文我们来深度认识一下jQuery Mobile的checkboxradio插件
表单中的radio与checkbox都依赖它进行初始化增强以及一些事件的绑定(disable、enable、checked、unchecked)等

补充:如果你对button还是比较陌生的话,可以查看我们的《基础篇-表单篇》

1、disable(禁用)

示例:

//禁用 $("#disable_checkbox").bind('click',function(){ $("#major_eng").checkboxradio("disable"); }); 2、enable(启用)

示例:

//启用 $("#enable_checkbox").bind('click',function(){ $("#major_eng").checkboxradio("enable"); }); 3、checked(选中)

示例:

//选中 $("#checked_checkbox").bind('click',function(){ $("#major_eng").attr("checked",true).checkboxradio("refresh"); }); 4、unchecked(不选中)

示例:

//不选中 $("#unchecked_checkbox").bind('click',function(){ $("#major_eng").attr("checked",false).checkboxradio("refresh"); }); 5、动态创建

示例:

//动态创建 $("#unchecked_checkbox").bind('click',function(){ //一次哦 if($("#dynamic_checkbox_group").length < 1){ var arr = [ '<fieldset data-role="controlgroup">', '<legend>前端基本技术:</legend>', '<input type="checkbox" value="1"/><label for="fe_js">js</label>', '<input type="checkbox" checked="checked" value="1"/><label for="fe_css">css(默认选中)</label>', '</fieldset>' ]; $(arr.join("")).insertAfter("#major_group"); //可以设置主题: $("#fe_css").checkboxradio({ theme:"e" }) //触发create $.mobile.pageContainer.trigger("create"); } });

demo

PS:
1、有问题欢迎在官网留言或者直接联系我:@zhangyaochun_fe
2、可以在官网的问答频道进行提问,我们会尽快回复
3、谢谢您对w3cplus的jquery mobile系列教程的关注

关于小春

专注于前端开发,对ECMA底层有深入探究和兴趣…热衷新技术深入调研学习,涉足移动前端许久,爱好分享交流…个人博客focus-fe。欢迎随时关注我:新浪微博

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • .html(),.text()和.val()的使用

    .html(),.text()和.val()的使用

    2017-03-06 09:00

  • easyui+thinkphp,前端jquery问题,求大神帮助我!

    easyui+thinkphp,前端jquery问题,求大神帮助我!

    2017-03-06 08:02

  • 两大HTML5框架评测:Kendo UI 和 jQuery Mobile

    两大HTML5框架评测:Kendo UI 和 jQuery Mobile

    2017-03-05 12:01

  • 一个关于透明度继承的问题 WEB前端开发

    一个关于透明度继承的问题 WEB前端开发

    2017-03-04 11:01

网友点评