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