jQuery Mobile教程:表单的checkboxradio插件

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

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 id="dynamic_checkbox_group" data-role="controlgroup">', 			'<legend>前端基本技术：</legend>', 			'<input type="checkbox" id="fe_js" name="fe" value="1"/><label for="fe_js">js</label>', 			'<input type="checkbox" checked="checked" id="fe_css" name="fe" 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

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索jquery mobile
， 插件
， jquery.mobile
， function
， bind
， click
， checked
， major
， 动态创建checkbox
示例
jquery官网、jquery api、jquery下载、jquery教程、jquery ajax，以便于您获取更多的相关知识。