bootstrap-multiselect onDropdownShow不起作用

时间:2016-05-03 07:29:34

标签: javascript jquery twitter-bootstrap laravel-blade

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

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

HTML(刀片):

AJAX

JS:

{{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'))}}

提前致谢。

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

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

2 个答案:

答案 0 :(得分:0)

onDropdownShown而非onDropdownShow

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

<强> Source

答案 1 :(得分:0)

try像这样的每个操作:

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