Пользовательский интерфейс jQuery: при использовании нескольких наборов кнопок (переключателей) они забывают свое состояние

Question

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

<script type="text/javascript">

    $(document).ready(function() {
        $( "#mode" ).buttonset();
    $( "#language" ).buttonset();
    });

</script>

<div id="language">
    <input type="radio" id="lang_de" name="mode" checked="checked" value="de" /><label for="lang_de">deutsch</label>
    <input type="radio" id="lang_en" name="mode" value="en" /><label for="lang_en">englisch</label>
</div>
<div id="mode">
    <input type="radio" id="mode1" name="mode" checked="checked" value="html" /><label for="mode1">Mail-Output</label>
    <input type="radio" id="mode2" name="mode" value="source" /><label for="mode2">Mail-Sourcecode</label>
</div>

После нажатия другой больше не проверяется. Илипо крайней мере, это не отображается как проверено.Кто-то еще наткнулся на эту проблему?

Приветствия

Answer 1

вы использовали name="mode" для обеих кнопок набора.это вызывает проблему.Измените атрибут name любого набора, а затем протестируйте.например:

<div id="language">
    <input type="radio" id="lang_de" name="mode" checked="checked" value="de" /><label for="lang_de">deutsch</label>
    <input type="radio" id="lang_en" name="mode" value="en" /><label for="lang_en">englisch</label>
</div>
<div id="mode">
    <input type="radio" id="mode1" name="mode_next" checked="checked" value="html" /><label for="mode1">Mail-Output</label>
    <input type="radio" id="mode2" name="mode_next" value="source" /><label for="mode2">Mail-Sourcecode</label>
</div>