## 开关/单/复选组件 常用方法 ~~~ /*开关方法*/ rbkDom.bindChange(changeCallback); rbkDom.switch(); rbkDom.dispose(); /*checkbox方法*/ rbkDom.checked(); rbkDom.checked(isChecked); rbkDom.bindChange(callback); rbkDom.text(); rbkDom.direct(); /*radio方法*/ rbkDom.checked(); rbkDom.checked(isChecked); rbkDom.direct(); ~~~ 说明： 一、开关方法：.bindChange(changeCallback)绑定开关状态变化，调用changeCallback回调函数；.switch切换开关状态；.dispose()清除开关资源。 二、checkbox方法：.checked()控制选中属性，若不传值返回布尔值，若传true，控制选中，flase，控制不选中；.bindChange()绑定checkbox状态变化事件，调用callback回调函数；.text()修改checkbox文字；.direct()设置checkbox位置，left左边，right右边。 三、radio方法：.checked()控制选中属性，若不传值返回布尔值，若传true，控制选中，flase，控制不选中，返回布尔值；.direct()设置radio位置，left左边，right右边。 * * * * * 1、默认风格开关组件   ~~~ <div class="rbk-switcher"></div> ~~~ 2、苹果风格开关组件  ~~~ <div class="rbk-switcher rbk-active" rbk-role="greenmini"></div> ~~~ 说明：greenmini既苹果风格。rbk-active既打开状态。可以通过.switch()方法得到开关状态，true为开启，false为关闭。 3、check复选框组件  ~~~ <div class="rbk-list rbk-removecolor"> <div class='rbk-subtitle'>复选框</div> <div class="rbk-listitem"> <div class="rbk-checkbox" checked="checked" name='bxx'> <label>复选框默认靠左</label> </div> </div> <div class="rbk-listitem"> <div id="checkbox1" class="rbk-checkbox rbk-hasimg" name='bxx'> <img src="https://rerubx.zwjk.com/v1.3.0/images/example/head01.png"/> <label>方法设置靠右</label> </div> </div> <div class="rbk-listitem"> <div id="checkbox1" class="rbk-checkbox" direct='right' name='bxx'> <label>行上设置靠右</label> </div> </div> </div> <script> rbk.ready(function(opt) { checkbox = rbk.getCmp('#checkbox1'); checkbox.direct('right'); }); </script> ~~~ 说明：可以通过添加checked="checked"，控制选中，也可以通过上述js方法控制。 checkbox.direct()方法控制按钮位置。或者行上设置direct属性。 如需带图片，可以加class：rbk-hasimg。 写在list组件中是为了美观，该组件也可以单独使用。 4、radio单选框组件  ~~~ <div class="rbk-list rbk-removecolor"> <div class='rbk-subtitle'>单选框</div> <div class="rbk-listitem"> <div class="rbk-radio" checked="checked" name='sex'> <label>单选框默认靠左</label> </div> </div> <div class="rbk-listitem"> <div id="radio1" class="rbk-radio rbk-hasimg" name='sex'> <img src="https://rerubx.zwjk.com/v1.3.0/images/example/head01.png"/> <label>方法设置靠右</label> </div> </div> <div class="rbk-listitem"> <div id="radio1" class="rbk-radio" direct='right' name='sex'> <label>行上设置靠右</label> </div> </div> </div> <script> rbk.ready(function(opt) { radio = rbk.getCmp('#radio1'); radio.direct('right'); }); </script> ~~~ 说明：可以通过添加checked="checked"，控制选中，也可以通过上述js方法控制。 radio.direct()方法控制按钮位置。或者行上设置direct属性。 如需带图片，可以加class：rbk-hasimg。 写在list组件中是为了美观，该组件也可以单独使用。