Ярлык для.... не выбирайте его вход (иногда)

Question

Это что-то очень редкое, но иногда, когда я выбираю метку, ее ввод не выбирается. У меня есть HTML, как:

<td class="pleno_al_15 impar">
                    <label class="label_radio label_pleno activo" for="partido15-jugada1-cero" title="partido15-jugada1-cero">0</label>
                    <input class="radio_hidden" id="partido15-jugada1-cero" name="bets[0][14][0]" title="partido15-jugada1-cero" type="checkbox" value="0">

                    <label class="label_radio label_pleno activo" for="partido15-jugada1-uno" title="partido15-jugada1-uno">1</label>
                    <input class="radio_hidden" id="partido15-jugada1-uno" name="bets[0][14][1]" title="partido15-jugada1-uno" type="checkbox" value="1">

                    <label class="label_radio label_pleno activo" for="partido15-jugada1-dos" title="partido15-jugada1-dos">2</label>
                    <input class="radio_hidden" id="partido15-jugada1-dos" name="bets[0][14][2]" title="partido15-jugada1-dos" type="checkbox" value="2">

                    <label class="label_radio label_pleno activo" for="partido15-jugada1-m" title="partido15-jugada1-m">M</label>
                    <input class="radio_hidden" id="partido15-jugada1-m" name="bets[0][14][3]" title="partido15-jugada1-m" type="checkbox" value="M">                    
                </td>

Answer 1

Я решил это, обрабатывая события с помощью JavaScript.

Во-первых, я хочу лучше объяснить, что со мной происходит. Я скрывал теги ввода, чтобы пользователь мог выбирать только метки тегов (которые являются изображениями), а не теги ввода. Поэтому иногда теги меток не активировали соответствующие теги ввода.

Я решил это, добавив это:

$(".radio_hidden").bind("change", function () {
        $("#jab_contenido .label_radio").each(function(index, element) {
            if ($("#"+$(this).attr("for")).is(":checked")) $(this).addClass("activo");
            else $(this).removeClass("activo");
        });
    });

Приведенный выше код обрабатывает событие изменения для входных тегов и ищет соответствующую метку для добавления / удаления класса для отображения изображения (вкл / выкл). Таким образом, изображение будет отображаться только в том случае, если входной тег действительно проверен.

надеюсь, это поможет