Bootstrap multiselect单选按钮选择了多个选项

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Bootstrap multiselect单选按钮选择了多个选项相关的知识,希望对你有一定的参考价值。

我正在将Bootstrap Multiselect控件用于页面上的多个选项,并且为了统一性,将其用于接受多个选项的项目以及仅接受单个项目的项目(单选按钮)。用户完成一个条目并保存后,页面的这一部分暂时隐藏,并显示不同的部分(虽然我认为不相关。)单击按钮后,再次显示此部分,并且应该使用多选控件更新以显示新数据。 (这是在AJAX代码中发生的。)

问题是,虽然单选按钮的正确选项显示控件关闭时,当您将其打开时,该项目和列表中的第一项都被选中。实际上,经过几轮之后,可以选择两个以上的按钮。

我尝试了几种代码来正确地重置事物。这是生成这些单选按钮样式控件之一的html / php代码:

    <div class="form-group">
        <label class="control-form-label col-md-offset-1 col-md-1" for="urgency">When</label>
        <div class="col-md-9">
            <select id="urgency" required>
            <?php
            $urgency = getdata("GetActionUrgencies", "", "Couldn't retrieve list of urgency.<br/>");
            while ($obj = mysqli_fetch_object( $urgency)) {
                echo "<option value='".$obj->UrgencyDesc."' id='".$obj->iID."'>".$obj->UrgencyDesc."</option>";
            }
            ?>
            </select>
        </div>
    </div>

这是我在AJAX成功方法中使用的javascript来更新它:

$('#urgency').multiselect('deselectAll',false);         
$('#urgency').multiselect('select', obj.UrgencyDesc);

我也试过在这段代码之后调用multiselect('refresh'),但它没有改变任何东西。

有任何想法吗?

答案

我有类似的问题,我用过:

$( '#yourSelect')VAL([])多选( '刷新')。;

它为我做了伎俩。

另一答案

来自Bootstrap-Multiselect文档:“目前,在调用.multiselect('selectAll',justVisible)之后,需要手动调用.multiselect('updateButtonText')。”

你试过这个吗?

以上是关于Bootstrap multiselect单选按钮选择了多个选项的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap 3 单选按钮

Bootstrap - 垂直单选按钮未对齐

javascript Bootstrap按钮组单选按钮

Bootstrap 单选内联换行和堆叠单选按钮

如何使用 react-bootstrap 为单选按钮调用 onChange?

如何使用带有单选按钮列表的 Bootstrap 手风琴