div模拟radio和checkbox

所属分类:输入-选择框

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

css3自定义单选多选框框css3checkbox

css3自定义单选框,多选框好看实用
  选择框
 12401  64

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

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

div模拟radio和checkbox

简单实用的自定义radio和checkbox
  选择框
 2233  13

城市选择控件

城市选择支持两种方式:1.支持中文首字母拼音输入本地搜索2.鼠标在列表中选择;包含全国市级行政区域,自治州包括,港澳台下市级辖区包括,县及县级市以下不包括;
  选择框
 20879  126

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

取消回复