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

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将复选框的change事件与具有字段集的Disabled属性连接起来。

像这样：

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

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