列表

详情


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、不要使用第三方插件

原站题解

上一题