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

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

javascript html checkbox

使用Javascript禁用或启用复选框数组,javascript,html,checkbox,Javascript,Html,Checkbox,我有以下代码： <html> <head> </head> <body> <table> <tr> <td> <input type="checkbox" name="ck[]" value="sakit"> </td>

我有以下代码：

<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元素中的复选框？

您只需使用以下命令禁用复选框：

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

var fields=document.getElementsByTagName（“输入”）；
对于（变量i=0；i

这将禁用第页上的第一个复选框。。如果您需要一些不同的内容，请告诉我。
您可以使用css选择器来定位元素
针对第一个

document.querySelector（'tr:first child input'）。disabled=true
或针对第二个

document.querySelector（'tr:last child input'）。disabled=true
这真的是你的标记吗？我问你是因为你有双重价值观。@AdrianLynch你是什么意思？第1行中的其他值与第2行中的值相同。只是感觉这不是真正的加价。@AdrianLynch啊，你是说OP=DOh的问题，我会在其他人之前问你这个问题。。。您可以使用jQuery吗你想在HTML中这样做吗？或者这是动态标记，需要在JS中控制？欢迎使用堆栈溢出。为了向你们解释，为什么你们的问题被否决了：这是一个很容易解决的问题，到目前为止已经解决了数百万次，提出这样的问题，表明你们完全没有试图自己解决这个问题的努力。这是一个问答网站，我们更喜欢问：“我有这个问题，我尝试了这个，这个和那个，但我失败了。”。像“我有这个问题，请帮我解决”这样的问题很可能会被否决。顺便说一句：标记您的问题文本，右键单击并选择搜索谷歌…
为我提供了三个解决方案链接！我花了5秒钟+1提醒我们，我们可以在纯Javascript中做很多事情，而不需要调用jQuery/Zepto！谢谢，但是如果我有四个tr元素怎么办？我可以禁用tr元素第三个中的复选框吗？