Javascript bootstrap multiselect onDropdownShow不';行不通
将davidstutz的bootstrap multiselect插件与twitter bootstrap 3.3.0结合使用。 我的目的是,当我点击下拉列表时,我想选择一个单选按钮,但它不起作用 HTML(刀片):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
{{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元素。。快乐编码…)