禁用复选框组的元素答案

【问题标题】：Disabling elements of a checkbox group禁用复选框组的元素
【发布时间】：2017-04-11 23:56:46
【问题描述】：

我有一个复选框组，我试图通过 Wordpress 中的 HTML 片段来定位它。当组内的会话（由复选框元素之一表示）已满时，复选框需要灰显。我已经尝试了以下所有方式的组合：

<script type='text/javascript'>
document.getElementById("Mondays")[0].disabled = true;
document.getElementsById("Mondays")[1].disabled = true;
document.getElementById("Mondays")[2].disabled = true;
</script>

但没有任何效果。有人可以帮忙吗？

这让我发疯了，因为我这样做过一次然后丢失了代码！

【问题讨论】：

您不能拥有多个同名ID。所以你应该使用类和getElementsByClassName。还提供 HTML，以便我们可以判断您的 js 脚本有什么问题。

标签： javascript html wordpress checkbox code-snippets

【解决方案1】：

如果没有更多信息，一种可能的解决方案是您打算使用 getElementsByClassName 而不是 getElementById。

<script type='text/javascript'>
document.getElementsByClassName("Mondays")[0].disabled = true;
document.getElementsByClassName("Mondays")[1].disabled = true;
document.getElementsByClassName("Mondays")[2].disabled = true;
</script>

【讨论】：

【解决方案2】：

好的，我知道我一发布它就会解决它。代码应该是：

<script type='text/javascript'>
document.getElementById("Mondays_12_1_1").disabled = true;
document.getElementById("Mondays_12_1_2").disabled = true;
document.getElementById("Mondays_12_1_3").disabled = true;
</script>

是的，我知道我也有错字！

抱歉浪费您的时间...

【讨论】：