我在引导选择选项方面遇到了一个奇怪的问题。我想在选择选项时显示勾号,但问题是所有选项都显示勾号“确定”,即使没有单击它。
这是问题的截图:
这是我的代码:
$(document).ready(function() {
$('.selectpicker').selectpicker({
style : 'btn-info',
size : 4,
iconBase: 'glyphicon',
tickIcon: 'glyphicon-ok'
});
});
<div class="col-md-6" style="width:100%;margin-bottom: 10px;">
<div class="input-group" style="width:100%;">
<span style="width:50%;" class="input-group-addon" id="basic-addon1">Are you ok?</span>
<select class="selectpicker" name="object_example" >
<option value="1">True</option>
<option value="2">False</option>
</select>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
勾号一直都在。。
所以问题出在bootstrap-select.js和bootstrap-select.css文件中。我从这里重新下载它们,现在它可以工作了。
我还需要将类名更改为:
class="selectpicker show-tick form-control"
Run Code Online (Sandbox Code Playgroud)