列表
详情
NC53147. 选择组件
描述
CheckGroup是一个选择组件类,支持单选和多选
选项参数格式、调用方式以及效果如下
选项参数格式:
var options = [{text: '选项a', value: 'a'}, {text: '选项b', value: 'b'}, {text: '选项c', value: 'c'}, {text: '选项d', value: 'd'}];
实例化单选组件:
var item = new CheckGroup(document.getElementById('jsCheckGroup'), options);
item.val(['a']);
实例化多选组件:
var item = new CheckGroup(document.getElementById('jsCheckGroup'), options, true);
item.val(['a']);
具体功能和需求如下:
1、单选组件请在 div.checkgroup 元素加上class radius
2、选中时,请在对应选项dom元素加上class selected
3、点击单选选项,如果未选中当前选项则选中当前选项并取消其他选项,否则取消当前选项
4、点击多选选项,如果未选中当前选项则选中当前选项,否则取消当前选项
5、给定的options中, text和value属性的值均为非空字符串
6、val方法的参数和返回值均为数组(单选时数组长度不超过)
7、请阅读代码,并根据注释完成对应代码(方法initHtml、toggleEl、isSelected、val)
8、请不要手动修改html和css
9、不要使用第三方插件
原站题解
上一题
下一题