html - 是否有字段集禁用替代方案？

Question

我真的很喜欢禁用整个字段集，它既快速又简单。在 5 个主要浏览器中测试我的代码时，我意识到 Safari 和 IE（有点）不支持禁用整个字段集。http://www.w3schools.com/tags/att_fieldset_disabled.asp

这个字段集属性有替代品吗？也许是一种逐个禁用字段集中所有字段的方法？如果是这样，怎么做？

谢谢！

Answer 1

您可以使用 JavaScript 或 jQuery 来禁用字段集中的输入。

jQuery 示例（将其放在页面底部）：

<script>
    $(function () {
        $("fieldset").find("input").attr("disabled", "disabled");
    });
</script>

或者，如果您想禁用单个类或 id，您可以执行以下操作：

$(".className").find("input").attr("disabled", "disabled");
$("#elementId").find("input").attr("disabled", "disabled");

要使用单选按钮，您可以执行以下操作：

$("#radioButtonTrue").on("click", function () {
    $("fieldset").find("input").attr("disabled", "disabled");
});
$("#radioButtonFalse").on("click", function () {
    $("fieldset").find("input").removeAttr("disabled");
});