是否有字段集禁用替代?

时间:2013-08-06 23:29:41

标签: html fieldset

我非常喜欢整个场地集的禁用,它快速而简单。在5个主流浏览器中测试我的代码时,我意识到Safari和IE(有点)不支持禁用整个字段集。 http://www.w3schools.com/tags/att_fieldset_disabled.asp

是否有此fieldset属性的替代方法?也许是一种逐个禁用字段集中所有字段的方法?如果是这样,怎么样?

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用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");
});