Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript bootstrap multiselect onDropdownShow不';行不通_Javascript_Jquery_Twitter Bootstrap_Laravel Blade - Fatal编程技术网

Javascript bootstrap multiselect onDropdownShow不';行不通

Javascript bootstrap multiselect onDropdownShow不';行不通,javascript,jquery,twitter-bootstrap,laravel-blade,Javascript,Jquery,Twitter Bootstrap,Laravel Blade,将davidstutz的bootstrap multiselect插件与twitter bootstrap 3.3.0结合使用。 我的目的是,当我点击下拉列表时,我想选择一个单选按钮,但它不起作用 HTML(刀片): {{Form::radio('radio', 'value', null, array('id' => 'radioID' ,'class' => 'name', 'autocomplete' => 'off'))}} {{Form::select('sele

将davidstutz的bootstrap multiselect插件与twitter bootstrap 3.3.0结合使用。

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

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'))}}
$(document).ready(function(){
    $('#selectID').multiselect({
        onDropdownShow: function(event){
            $('#radioID').prop('checked', true);
        }
    });
});
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'))}}
$(document).ready(function(){
    $('#selectID').multiselect({
        onDropdownShow: function(event){
            $('#radioID').prop('checked', true);
        }
    });
});
提前谢谢

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


问题是它在(“#selectID”)部分之前被重复初始化。我去掉了第一个,它就像一个符咒。

它的
onDropdownShow
不是
onDropdownShow

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

onDropdownShow
onDropdownShow

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

尝试以下操作:

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

请尝试以下操作:

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

不应
$('#radio').prop('checked',true)be
$('#radioID').prop('checked',true)@GuruprasadRao是的。但它仍然没有被触发。编辑帖子。不应
$('#radio').prop('checked',true)be
$('#radioID').prop('checked',true)@GuruprasadRao是的。但它仍然没有被触发。编辑文章。在文档中,onDropdownShow和onDropdownShow都可用。尽管我两次都试过了,但都没有触发。@blankBird\u在
onDropdownShown
中放置一个
警报
,并检查它是否被触发……这就是我检查它没有被触发的方式,甚至尝试了console.log()。我遗漏了什么,或者还有别的什么。我已经解决了这个问题。它不起作用的原因是,在$(“$selectID”).multiselect call.Cool.之前,我已按类初始化了所有multiselect元素。。快乐编码…)在文档中,onDropdownShow和onDropdownShow都可用。尽管我两次都试过了,但都没有触发。@blankBird\u在
onDropdownShown
中放置一个
警报
,并检查它是否被触发……这就是我检查它没有被触发的方式,甚至尝试了console.log()。我遗漏了什么,或者还有别的什么。我已经解决了这个问题。它不起作用的原因是,在$(“$selectID”).multiselect call.Cool.之前,我已按类初始化了所有multiselect元素。。快乐编码…)