Отключить флажки на основе щелчка

-5

У меня есть группа флажков, которые я хочу отключить, только если в этой группе выбран определенный флажок. Я думаю, мне нужно указать флажки с отдельным именем и фильтровать через другие на основе щелчка, но также надеясь, что умные люди stackoverflow могут иметь более быстрое решение.

HTML

<td>Team 1 <br>Team 2</td><td> 
<a class='iframe' href="bet-nfl?game_id=">+155 / 2.55 </a><input type="checkbox" id=0 class="parlay" value=><br>
<a class='iframe' href="bet-nfl?game_id=">-175 / 1.57 </a> <input type="checkbox" class="parlay" id=0 value=>
</td><td>
<a class='iframe' href="bet-nfl?game_id=">+3 100 / 2.00 </a><input type="checkbox" id=0 class="parlay" value=><br>
<a class='iframe' href="bet-nfl?game_id=">-3 -120 / 1.83</a><input type="checkbox" id=0 class="parlay" value=>
</td><td>
<a class='iframe' href="bet-nfl?game_id="> Over 50.5 -107 / 1.93</a><input type="checkbox" id=0 class="parlay" value=><br>
<a class='iframe' href="bet-nfl?game_id=">Under 50.5 -107 / 1.93 </a><input type="checkbox" id=0 class="parlay" value=>
</td></tr>

jquery (пока)

$(function(){
$('input:checkbox.parlay').change(function(){
var $this = $(this);
alert ($this.attr("id")); //return 0 if a checkbox is selected
//$(this).prop("checked", false); // <--I'm doing this wrong
});

спросил(а) 2021-01-25T13:29:08+03:00 5 месяцев назад
1
Решение
63

Вы должны очистить свой HTML, это недействительно и может привести к ошибкам.

В следующий раз создайте скрипку (http://jsfiddle.net).

Каждому элементу нужен уникальный идентификатор и группа. В моем примере я выбрал атрибут группы данных.

Это должно быть вашим решением: http://jsfiddle.net/B9Xxj/

<input type="checkbox" id="1" data-group="1"/> #1, Group 1 <br/>
<input type="checkbox" id="2" data-group="2"/> #2, Group 2 <br/>
<input type="checkbox" id="3" data-group="3"/> #3, Group 3 <br/>
<input type="checkbox" id="4" data-group="3"/> #4, Group 3 <br/>
<input type="checkbox" id="5" data-group="3"/> #5, Group 3 <br/>
<input type="checkbox" id="6" data-group="4"/> #6, Group 4 <br/>
<input type="checkbox" id="7" data-group="4"/> #7, Group 4 <br/>
<input type="checkbox" id="8" data-group="5"/> #8, Group 5 <br/>

-

$("input[type=checkbox]").on("change", function() {
var group = $(this).data("group"); // group ID
var checked = $(this).is(":checked"); // status checked/unchecked
$("input[type=checkbox][data-group="+ group +"]").prop("checked", checked); // check/uncheck!
});

Удачи вам! ;-)

ответил(а) 2021-01-25T13:29:08+03:00 5 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема