标签....不选择其输入(有时)

时间:2015-09-16 16:55:13

标签: jquery html input label label-for

这是非常罕见的,但有时,当我选择标签时,其输入未被选中。 我有像:

<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>

1 个答案:

答案 0 :(得分:0)

我通过使用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");
        });
    });

上面的代码处理输入标签的更改事件,并查找相应的标签来添加/删除类以显示图像(开/关)。 因此,只有在真正检查输入标签时才会显示on图像。

希望有所帮助