Jquery：选择下一个嵌套输入

Question

我有以下代码：

<td><input class="publish" id="publish_company_ids" name="publish_company_ids[]" type="checkbox" value="1" /></td>

<td><input class="discard" id="discard_company_ids" name="discard_company_ids[]" type="checkbox" value="1" /></td>

我想点击第一个复选框时，第二个复选框将被禁用。我正在尝试这个jquery代码：

$(".publish").click(function () { 
 $(this).parent().next("td > input[text='checkbox']").css("border","1px solid green");
});

我试过更改css边框，但它不起作用。

Answer 1

如果您想让用户只选择其中一个复选框，那么您应该使用单选按钮而不是复选框。

Answer 2

首先，您的选择器中有text而不是type。

其次，如果这没有用，试试这个：

$(this).parent().next('td').children('input:checkbox').css('border','1px solid green');

Answer 3

尝试：

$(".publish").click(function () { 
 $(this).parent().find("input.discard").css("border","1px solid green");
});

或者：

$(".publish").click(function () { 
 $(this).parent().children("input.discard").css("border","1px solid green");
});