div模拟radio和checkbox

所属分类:输入-选择框

 1083  10  查看评论 (0)
div模拟radio和checkbox ie兼容8

使用方法

html 

type : radio /checkbox 必须

<div class="sf-checked" type="radio">
    <div class="sf-checked-item" value='1' checked="checked">启动</div>
    <div class="sf-checked-item" value='2'>禁用</div>
</div>

 js

以html 初始化 

 $(el).sfcheckbox(options);

以数据初始化   'initVal' 方法名 list 初始化数据  

list[{
    text:'text',  //文本内容
    val:'val',    //value值
    state:'state', //选中状态
}]
$(el).sfcheckbox('initVal',list);

获取选中的值

return  //redio 返回val    

checkbox返回 list[{val:'val',text:'text'}....]

 $(el).sfcheckbox('getVal');

赋值

val  需要选中的item项的value值  //redio 只会选中一个    checkbox选中多个

 $(el).sfcheckbox('setVal',val);
相关插件-选择框

jQuery地区三联动

jQuery筛选地区可以得到相应的地区码
  选择框
 3712  24
  选择框
 26193  277

jQuery模拟select下拉框插件SelectBox

自动模拟框,并且可以手动输入,可以模糊性查找
  选择框
 6709  30

全国多级联动下拉菜单(原创)

基于mobile.js的全国多级移动端联动下拉菜单
  选择框
 2495  29

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复