1.7 KiB
1.7 KiB
id, title, challengeType, videoUrl, forumTopicId
| id | title | challengeType | videoUrl | forumTopicId |
|---|---|---|---|---|
| bad87fee1348bd9aedf08835 | 创建一组复选框 | 0 | https://scrimba.com/p/pVMPUv/cqrkJsp | 16821 |
--description--
checkboxes（复选框）就好比多项选择题，正确答案有多个。
复选框是 input 选择框的一种类型。
每一个复选框都应该嵌套在它自己的 label（标签）元素中。这样，我们相当于给 input 元素和包裹它的 label 元素建立起了对应关系。
所有关联的复选框应该拥有相同的 name 属性。
使得 input 与 label 关联的最佳实践是在 label 元素上设置 for 属性，让其值与复选框的 id 属性值相同。
下面是一个复选框的例子：
<label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
--instructions--
请给表单添加三个复选框，每个复选框都被嵌套进 label 元素中，并且它的 name 属性均为 personality。你可以随意指定每个复选框的内容文本。
--hints--
表单中应存在三个复选框。
assert($('input[type="checkbox"]').length > 2);
每个复选框都应该被嵌套进 label 元素中。
assert($('label > input[type="checkbox"]:only-child').length > 2);
确保 label 元素有结束标签。
assert(
code.match(/<\/label>/g) &&
code.match(/<label/g) &&
code.match(/<\/label>/g).length === code.match(/<label/g).length
);
复选框的 name 属性值均应为 personality。
assert(
$('label > input[type="checkbox"]').filter('[name="personality"]').length > 2
);
每个复选框都应该在 form 标签内。
assert($('label').parent().get(0).tagName.match('FORM'));