gpt4 book ai didi

javascript - 无法禁用表行中的同级

转载 作者:行者123 更新时间:2023-11-27 22:44:48 25 4
gpt4 key购买 nike

当选中该行的复选框时,我试图禁用相邻列的输入类型。我已尝试如下但无法禁用。请查看并建议如何禁用。

$("input:checkbox[class=associationcheckbox]").each(function() {
var index;
$(this).on('click', function() {
if ($(this).prop('checked')) {
$(this).closest('td').siblings('td.associationCheckbox1').prop("disabled", false);
} else {
$(this).closest('td').siblings('td.associationCheckbox1').prop("disabled", false);
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@2.1.4" data-semver="2.1.4" src="https://code.jquery.com/jquery-2.1.4.js"></script>
</head>

<body>
<h1>Hello Plunker!</h1>
<table>
<tr>
<td>Balu</td>
<td>
<input class="associationCheckbox" type="checkbox" name="Balu" />
</td>
<td>
<input class="associationCheckbox1" type="number" name="Balu" value="0" />
</td>
</tr>
<tr>
<td>Balu</td>
<td>
<input class="associationCheckbox" type="checkbox" name="Balu" />
</td>
<td>
<input class="associationCheckbox1" type="number" name="Balu" value="0" />
</td>
</tr>
<tr>
<td>Balu</td>
<td>
<input class="associationCheckbox" type="checkbox" name="Balu" />
</td>
<td>
<input class="associationCheckbox1" type="number" name="Balu" value="0" />
</td>
</tr>
</table>
</body>
</html>

最佳答案

你的选择器有点乱。类的大小写需要匹配,您不需要 each() 并且您尝试通过 输入的类选择 td ,这永远不会起作用。您还在 if 条件两侧将 disabled 设置为 false,但我认为这只是一个拼写错误。

要实现您的需要,您只需按类向复选框添加单击处理程序,然后找到其相关的文本框并根据 checked 属性将其设置为禁用/启用。试试这个:

$(".associationCheckbox").on('click', function() {
$(this).closest('tr').find('.associationCheckbox1').prop("disabled", this.checked);
});
<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@2.1.4" data-semver="2.1.4" src="https://code.jquery.com/jquery-2.1.4.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
<table>
<tr>
<td>Balu</td>
<td>
<input class="associationCheckbox" type="checkbox" name="Balu" />
</td>
<td>
<input class="associationCheckbox1" type="number" name="Balu" value="0" />
</td>
</tr>
<tr>
<td>Balu</td>
<td>
<input class="associationCheckbox" type="checkbox" name="Balu" />
</td>
<td>
<input class="associationCheckbox1" type="number" name="Balu" value="0" />
</td>
</tr>
<tr>
<td>Balu</td>
<td>
<input class="associationCheckbox" type="checkbox" name="Balu" />
</td>
<td>
<input class="associationCheckbox1" type="number" name="Balu" value="0" />
</td>
</tr>
</table>
</body>

</html>

我还建议您更改文本框的类,因为 associationCheckbox1 有点令人困惑。

关于javascript - 无法禁用表行中的同级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38478867/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com