jquery mobile checkbox radio(复选框、单选按钮)

复选框、单选按钮事件 checkboxradio Events create(event,ui)复选框或者单选按钮被创建时,触发的事件event:是第一个参数。类型:事件。ui:是第二个参数。类型:对象。//初始化按钮,并且创建指定的回调函数$(".selector").checkboxradio({create:function(event,ui){}});//给按钮,绑定一个事件监听器$(".selector").on("checkboxradiocreate",function(event,ui){});

复选框、单选按钮方法 checkboxradio Methods disable()禁用复选框单选按钮此方法不接受任何参数。$(".selector").checkboxradio("disable");enable()启用被禁用的复选框单选按钮此方法不接受任何参数。$(".selector").checkboxradio("enable");refresh()更新复选框单选按钮此方法不接受任何参数。如果你操作一个表单按钮通过javascript,你必须调用Refresh方法上更新的视觉风格。$(".selector").attr("checked",true).checkboxradio("refresh");

复选框、单选按钮选项 checkboxradio Options mini类型:布尔值。默认值:false。如果设置为true,这将显示一个更紧凑版本的按钮,使用较少的垂直高度。取值:true,false。此选项也可以通过在HTML中添加data-mini="true"的属性设置。//使用编程方式设置$(".selector").checkboxradio({mini:true});初始化后,获取或设置迷你选项。//gettervarcorners=$(".selector").checkboxradio("option","mini");//setter$(".selector").checkboxradio("option","mini",true);theme类型:字符串。默认值:null,从父容器继承。给按钮的所有实例设定设置配色方案(样本)。接受从a-z的一个单个字母来映射相应的主题样式。默认情况下会继承父容器的样本的颜色。jquerymobile预设置了a,b,c,d,e五款样式。此选项也可以通过data-theme="a"的属性设置。//使用编程方式设置

radio(单选按钮) 单选按钮用来提供一组选项,其中只有一个单一的项目可以被选择。传统的桌面程序的单选按钮没有对触摸输入的方式的优化,所以在JqueryMobile中,label也被样式化为单选按钮,使按钮更长更容易被点击选中。并添加了自定义的一组图标来增强视觉反馈。单选按钮是用标准的input/label标记书写的,但是都被样式化得更容易触摸式点击。你所看见的控件,其实是覆盖在input上的label元素,所以如果图片没有正确加载,你仍然可以正常使用控件。在大多数浏览器里,点击label会自动触发在input上的点击,但是我们不得不为部分不支持该特性的移动浏览器人工去触发该点击。在桌面程序里,键盘和屏幕阅读器也可以使用这些控件。垂直单选按钮组创建一组单选按钮,使用input,并给它添加type="radio"属性和对应的label。给label设置匹配输入的ID,所以它们在语义上相关的属性。把单选按钮组用fieldset容器包裹,给fieldset添加data-role="controlgroup"属性。并给fieldset容器内增加一个legend元素,用来表示该问题的标题。通常情况下,复选按钮组会置于标题下面,垂直分组显示。JqueryMobile会自动移除按钮间的margin,

checkbox(复选框) 复选框用来提供一组选项,可以选中不止一个选项。传统的桌面程序的复选框按钮组没有对触摸输入的方式的优化,所以在JqueryMobile中,label也被样式化为复选按钮,使按钮更长更容易被点击选中。并添加了自定义的一组图标来增强视觉反馈。单选按钮组和复选按钮组都是用标准的input/label标记书写的,但是都被样式化得更容易触摸式点击。你所看见的控件,其实是覆盖在input上的label元素,所以如果图片没有正确加载,你仍然可以正常使用控件。在大多数浏览器里,点击label会自动触发在input上的点击,但是我们不得不为部分不支持该特性的移动浏览器人工去触发该点击。在桌面程序里,键盘和屏幕阅读器也可以使用这些控件。要创建一组复选框,为input添加type="checkbox"属性和相应的label即可。注意:要把label的for属性设为input的id值,使他们能够在语义上相关联。<label><inputtype="checkbox"name="checkbox-0"/>Iagree</label> <inputtype="checkbox"name="checkbox-1"id="checkbox-1"c