div模拟radio和checkbox

所属分类:输入-选择框

 3328  18  查看评论 (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);
相关插件-选择框

移动端pc端地区选择插件

兼容移动端的地区选择插件
  选择框
 11331  50

js城市查询器(完美仿携程)

高仿携程城市查询器在之前楼主版本上进行改进,添加了拼音简写索引,添加了字母标识与分割,简化了插件引入
  选择框
 21735  116

jQuery下拉框插件jquery.select.js

jQuery自定select下拉框样式插件jquery.select.js
  选择框
 29309  64
  选择框
 30602  295

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

取消回复