引导多选 onDropdownShow 不起作用答案

【问题标题】：bootstrap-multiselect onDropdownShow doesn't work引导多选 onDropdownShow 不起作用
【发布时间】：2016-08-28 03:33:48
【问题描述】：

在 twitter bootstrap 3.3.0 中使用 davidstutz 的 bootstrap-multiselect 插件。 http://davidstutz.github.io/bootstrap-multiselect

我的目的是，当我点击下拉菜单时，我想选择一个单选按钮，但它不起作用。

HTML（刀片）：

{{Form::radio('radio', 'value', null, array('id' => 'radioID' ,'class' => 'name', 'autocomplete' => 'off'))}}

{{Form::select('select', $valuesArray,'', array('id' => 'selectID' ,'multiselect' => 'multiselect', 'class' => 'msdropdown', 'multiple' => 'multiple', 'autocomplete' => 'off'))}}

JS：

$(document).ready(function(){
    $('#selectID').multiselect({
        onDropdownShow: function(event){
            $('#radioID').prop('checked', true);
        }
    });
});

提前致谢。

------------更新-------------

问题是它在 ('#selectID') 部分之前被重复初始化。我删除了第一个，它就像一个魅力。

【问题讨论】：

不应该是$('#radio').prop('checked', true); 是$('#radioID').prop('checked', true);
@GuruprasadRao 是的。但它仍然没有被触发。编辑帖子。

标签： javascript jquery twitter-bootstrap laravel-blade

【解决方案1】：

它的onDropdownShown 不是onDropdownShow

$(document).ready(function(){
    $('#selectID').multiselect({
        onDropdownShown: function(event){
            $('#radioID').prop('checked', true);
        }
    });
});

Source

【讨论】：

在文档中，onDropdownShown 和 onDropdownShow 都可用。尽管我都尝试过，但都没有触发。
@blankBird_ 在onDropdownShown 中放置一个alert 并检查它是否被触发...
这就是我检查它没有被触发的方式，甚至尝试过 console.log()。我错过了一些东西，或者还有其他东西。
我已经解决了这个问题。它不起作用的原因是我在 $('$selectID').multiselect 调用之前按类初始化了所有多选元素。
酷..快乐编码..:)

【解决方案2】：

尝试这样的每个操作：

$('#selectID').multiselect({
        onDropdownShown: function(event){
                  $('#selectID option').each(function () {
                         var rad = $(this).find('#radioID')[0];
                         $(rad).prop('checked', true);
                 }
        }
    });

【讨论】：