【问题标题】:Is there a fieldset disable alternative?是否有字段集禁用替代方案?
【发布时间】:2013-08-09 04:06:49
【问题描述】:

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

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

谢谢!

【问题讨论】:

  • IE8 和 IE9应该支持禁用字段集。

标签: html fieldset


【解决方案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");
});

【讨论】:

  • 我没有使用太多的 jQuery ......所以我怎么能从改变中调用它呢?现在我有一个调用onchange="greyOut(this.value)" 的单选按钮。我怎样才能调用 jQuery 函数呢?在 grayOut 我运行 document.getElementsByName('myFieldSet')[0].disabled=true;
  • 我编辑了我的答案。我第一次忘记选择字段集中的输入。
猜你喜欢
  • 1970-01-01
  • 2021-04-07
  • 1970-01-01
  • 2014-01-29
  • 2020-10-07
  • 2012-09-02
  • 2016-08-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多