jQuery UI：当使用多个按钮组件（单选按钮）时，他们会忘记它们的状态 [英] jQuery UI: when using multiple buttonsets (radio-buttons) they forget their state

问题描述

我使用两个不同的按钮组编写一个表单。一旦点击其中一个，另一个不会显示它已经被检查：

I'm coding a form with two different button sets. Once one of them is clicked, the other one doesn't display that it is checked any longer:

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

一旦点击，另一个不再被选中。或者至少它不会显示为已选中。是否有其他人st upon这个问题？

Once clicked the other one isn't checked any longer.. Or at least it isnt displayed as checked. Has someone else stumpled upon this problem?

干杯

推荐答案

你对于两个按钮组都使用 name =mode。这是造成问题的原因。更改任何集合的名称属性，然后测试。例如：

you used name="mode" for both of button set. thats cause a problem. Change the name attribute of any set and then test. for example:

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

这篇关于jQuery UI：当使用多个按钮组件（单选按钮）时，他们会忘记它们的状态的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！