禁用复选框组的元素

Question

我有一个复选框组，我试图通过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>

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

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

Answer 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>

Answer 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>

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

抱歉浪费你的时间......