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

Во-первых, у вас есть text вместо type в вашем селекторе.

Во-вторых, если это не поможет, попробуйте следующее:

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

Answer 2

Если вы хотите, чтобы пользователи могли выбрать только один из флажком, то вы должны радиокнопку вместо флажка.

Answer 3

Try:

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