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

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 将带有禁用属性的复选框的更改事件与字段集连接起来。

像这样:

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

在那种情况下，字段集可以被禁用，但仍然可以通过图例中的复选框启用，因为这个没有被禁用。