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

Question

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

<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 "meant" 要做的事情 nitty-gritty，但我想不出一个令人满意的答案：

一方面，图例是一个标题或提出一个问题。将功能元素放入其中似乎违背了事物的精神。
另一方面，控制复选框为字段集中包含的内容提供了上下文，因此它作为某种 "title" 有意义。

Answer 1

这是唯一的方法。

您可以使用Javascript将带有禁用属性的复选框的更改事件与字段集联系起来。

像这样：

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

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

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

Semantic Validity of a Checkbox in a Fieldset Legend?

html

semantic-markup

fieldset