Question

如果我有一个复选框可以切换一组复选框的激活/取消激活，那么将它放在字段集的图例中是否在语义上有效？

<fieldset>
    <legend><label><input type="checkbox"/>Sports</label></legend>
    <label><input type="checkbox"/>Baseball</label>
    <label><input type="checkbox"/>Football</label>
    <label><input type="checkbox"/>Ulama</label>
</fieldset>

这已经深入了解HTML“意味着”要做的事情，但我无法得出令人满意的答案：

一方面，传说是标题或提问。将功能元素放在其中似乎违背了事物的精神。
另一方面，控制复选框为字段集中包含的内容提供上下文，因此它作为各种“标题”是有意义的。

Answer 1

是，这是唯一的方法。

您可以使用Javascript将复选框的更改事件与具有字段集的Disabled属性连接起来。

赞：

$('fieldset > legend checkbox').on('change', function(event) {
  $(this).closest('fieldset').prop('disabled', !$(this).prop('checked'));
});

在这种情况下，可以禁用该字段集，但是仍可以通过图例中的复选框启用该字段集，因为未禁用此字段。

字段集图例中复选框的语义有效性？

1 个答案: