代码之家 › 专栏 › 技术社区 › JohnDel

Jquery:选择下一个嵌套输入

jquery-selectors jquery

JohnDel · 技术社区 · 15 年前

我有以下代码:

<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边框,但它没有工作。

3 回复 | 直到 15 年前

Jeff Rupert 15 年前

首先,你有 text 而不是 type 在选择器中。

第二,如果没有帮助,试试这个:

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

Maulik Vora 15 年前

如果您想允许用户只选择一个复选框,那么您应该选择单选按钮而不是复选框。

Sarfraz 15 年前

尝试:

$(".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");
});

推荐文章

Martin SpruÅ¡anský · 电子邮件输入未将电子邮件地址作为新闻稿订阅框中的有效输入

8 年前

luke · jQuery中的:valid和:invalid选择器

8 年前

Ian Vink · 向有条件的儿童添加类

8 年前

LMAOman · jQuery多选择器语法

8 年前

jayjaypg22 · 在多选择器中使用变量

8 年前

feetwet · 为什么是选择器。文本获取内部函数值?

8 年前

LeBlaireau · Jquery-使用数据属性选择父项

8 年前

Dipak · 如何显示当前李的独生子女并隐藏其他李子女

8 年前

TWiStErRob · 用于表中标签同级的jQuery选择器

8 年前

ToniWidmo · 在jquery中转义select选项值

9 年前