显示选中bootstrap-multiselect中的所有复选框并自定义“无选定”文本

我正在寻找解决方案，将无选定标签更改为自己的文本。显示选中bootstrap-multiselect中的所有复选框并自定义“无选定”文本

我有这样的代码， HTML：

<select id="mySelect" multiple="multiple">   
    <optgroup label="MODERN" value="MODERN"> 
     <option value="paintings">FAMES</option> 
     <option value="works on paper">WORKS</option> 
     <option value="prints">LIFE</option> 
     <option value="sculptures">TIME</option> 
     <option value="design">DESIRE</option> 
     <option value="photography">FUTURE</option> 
    </optgroup> 
</select> 
<select id="mySelect2" multiple="multiple">   
    <optgroup label="TREND" value="TREND"> 
     <option value="paintings">FAMES</option> 
     <option value="works on paper">WORKS</option> 
     <option value="prints">LIFE</option> 
     <option value="sculptures">TIME</option> 
     <option value="design">DESIRE</option> 
     <option value="photography">FUTURE</option> 
    </optgroup> 
</select>

JS：

$(function() { 
    $('#mySelect').multiselect({ 
     enableClickableOptGroups: true 
    }); 
    $('#mySelect2').multiselect({ 
     enableClickableOptGroups: true 
    }); 
});

我想提出的 '无选择' 文字到现代，并在同一时间，我希望全选选项包含在复选框中。

任何人都可以给我一些想法如何做到这一点？

来源

2017-05-08 user7978803

'我想选择的所有选项，包括在checkbox.'？复选框从哪里来？ –

嗨如果你想选择所有复选框为这个控制，那么你可以使用下面的代码。您可以使用nonSelectedText属性来更改“无选定”文本

$(function() { 
$('#mySelect').multiselect({ 
    enableClickableOptGroups: true, 
    includeSelectAllOption:true, 
    nonSelectedText: 'MODERN' 
}); 
$('#mySelect2').multiselect({ 
    enableClickableOptGroups: true 
    includeSelectAllOption:true 
});

}）;

来源

2017-05-08 06:20:53

这解决了我的问题。我添加了includeSelectAllOption：true， nonSelectedText：并删除了Optgroup。 – user7978803

很高兴知道它解决了您的问题。但请更好地重新提出您的问题，以便其他人也可以从此线程中受益。例如你没有提到你使用的插件。也许你可以编辑标题。 –

在HTML

<select id="mySelect" multiple="multiple">   
    <optgroup label="MODERN" value="MODERN" stat="0"> 
     <option value="paintings">FAMES</option> 
     <option value="works on paper">WORKS</option> 
     <option value="prints">LIFE</option> 
     <option value="sculptures">TIME</option> 
     <option value="design">DESIRE</option> 
     <option value="photography">FUTURE</option> 
    </optgroup> 
</select> 
<select id="mySelect2" multiple="multiple">   
    <optgroup label="TREND" value="TREND" stat="0"> 
     <option value="paintings">FAMES</option> 
     <option value="works on paper">WORKS</option> 
     <option value="prints">LIFE</option> 
     <option value="sculptures">TIME</option> 
     <option value="design">DESIRE</option> 
     <option value="photography">FUTURE</option> 
    </optgroup> 
</select>

在您的JS

$(document).on('click','optgroup',function() 
{ 
    if($(this).attr('stat') == "0") 
    { 
     $(this).children().attr("selected", "selected"); 
     $(this).attr('stat', "1"); 
    } 
    else 
    { 
     $(this).children().attr("selected", false); 
     $(this).attr('stat', "0"); 
    } 
});

来源

2017-05-08 06:21:29 Demonyowh

显示选中bootstrap-multiselect中的所有复选框并自定义“无选定”文本

回答

相关问题