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

Disable Or Enable Checkbox Array Using Javascript

本文关键字：启用 复选框 数组 Javascript 使用      更新时间：2023-09-26

我有以下代码:

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

您可以使用document。querySelector使用css选择器瞄准元素。

针对第一个<tr>

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

或针对第二个<tr>

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

您可以简单地禁用复选框:CheckboxObject.disabled = true;

在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;
    }

这将禁用页面上的第一个复选框。

相关文章：