Ошибка значка jQuery Mobile Checkbox Fieldset (Data-Type-Horizontal) (не скрыта?)

Поэтому я использую возможность jQuery Mobile отображать флажки горизонтально с помощью свойства fieldset Data-Type="Horizontal"; однако, несмотря на то, что все значки флажков должны быть скрыты, один из них, кажется, пробивается на поверхность, как видно здесь с выбором Landmine:

Изображение горизонтального списка

Почему это происходит?

<!--Mechanism of Injury-->
<label id="tcInjuryMechLabel" for="tcInjuryMech">
    <h3 id="tcInjuryMechHdr" class="headers">
        Mechanism of Injury: (Choose all that apply)
    </h3>
</label>
<fieldset id="tcInjuryMech" data-role="controlgroup" data-type="horizontal">
    <label id="tcInjuryMechOp1Label" for="tcInjuryMechOp1">
        Artillery
    </label>
    <input type="checkbox" name="tcInjuryMechOp[]" id="tcInjuryMechOp1" value="Artillery">

    <label id="tcInjuryMechOp2Label" for="tcInjuryMechOp2">
        Blunt
    </label>
    <input type="checkbox" name="tcInjuryMechOp[]" id="tcInjuryMechOp2" value="Blunt">

    <label id="tcInjuryMechOp3Label" for="tcInjuryMechOp3">
        Burn
    </label>
    <input type="checkbox" name="tcInjuryMechOp[]" id="tcInjuryMechOp3" value="Burn">

    <label id="tcInjuryMechOp4Label" for="tcInjuryMechOp4">
        Fall
    </label>
    <input type="checkbox" name="tcInjuryMechOp[]" id="tcInjuryMechOp4" value="Fall">

    <label id="tcInjuryMechOp5Label" for="tcInjuryMechOp5">
        Grenade
    </label>
    <input type="checkbox" name="tcInjuryMechOp[]" id="tcInjuryMechOp5" value="Grenade">

    <label id="tcInjuryMechOp6Label" for="tcInjuryMechOp6">
        GSW
    </label>
    <input type="checkbox" name="tcInjuryMechOp[]" id="tcInjuryMechOp6" value="GSW">

    <label id="tcInjuryMechOp7Label" for="tcInjuryMechOp7">
        IED
    </label>
    <input type="checkbox" name="tcInjuryMechOp[]" id="tcInjuryMechOp7" value="IED">

    <label id="tcInjuryMechOp8Label" for="tcInjuryMechOp8">
        Landmine
    </label>
    <input type="checkbox" name="tcInjuryMechOp[]" id="tcInjuryMechOp8" value="Landmine">

    <label id="tcInjuryMechOp8Label" for="tcInjuryMechOp8">
        MVC
    </label>
    <input type="checkbox" name="tcInjuryMechOp[]" id="tcInjuryMechOp8" value="MVC">

    <label id="tcInjuryMechOp9Label" for="tcInjuryMechOp9">
        RPG
    </label>
    <input type="checkbox" name="tcInjuryMechOp[]" id="tcInjuryMechOp9" value="RPG">

    <label id="tcInjuryMechOp10Label" for="tcInjuryMechOp10">
        Other (Specify Below)
    </label>
    <input type="checkbox" name="tcInjuryMechOp[]" id="tcInjuryMechOp10" value="Other" onchange="enableOtherMech();">
</fieldset>
<div id="tcInjuryMechOtherDiv">
    <input type="text" name="tcInjuryMechOther" id="tcInjuryMechOther"  placeholder="Other(Specify)" disabled>
</div>

person Michael Anthony Leber    schedule 11.09.2015    source источник


Ответы (1)


Вы использовали id="tcInjuryMechOp8" для двух разных флажков (Landmine и MVC).

Просто сделайте все идентификаторы уникальными, и ваша проблема исчезнет.

person ezanker    schedule 11.09.2015