Question

我有以下代码：

<html>
    <head>
    </head>
    <body>
        <table>
            <tr>
                <td>
                    <input type="checkbox" name="ck[]" value="sakit">
                </td>
                <td>
                    <input type="checkbox" name="ck[]" value="izin">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="ck[]" value="sakit">
                </td>
                <td>
                    <input type="checkbox" name="ck[]" value="izin">
                </td>
            </tr>
        </table>
    </body>
</html>

如何禁用第一个tr元素中的复选框而不在第二个tr中进行更改，否则我可以禁用第二个tr元素中的复选框而不在第一个tr中进行更改？

Answer 1

您可以使用document.querySelector使用css选择器定位元素。

用于定位第一个<tr>

document.querySelector('tr:first-child input').disabled = true;

或定位第二个<tr>

document.querySelector('tr:last-child input').disabled = true;

Answer 2

您只需停用以下复选框：CheckboxObject.disabled = true;

即可

Answer 3

在HTML中，您所要做的就是：

<input type="checkbox" name="ck[]" value="sakit" disabled>

在JS中你会这样做：

 var fields = document.getElementsByTagName("input");
    for (var i = 0; i < fields.length; i++) {
        if (fields[i].type == "checkbox")
        fields[i].disabled = true;
    }

这将禁用页面上的第一个复选框..如果您需要不同的东西，请告诉我。

使用Javascript禁用或启用复选框数组

3 个答案: