带有多个复选框的组合框在bootstrap中

时间:2017-01-11 06:55:08

标签: combobox bootstrap-multiselect

在bootstrap中如何使用带有多个复选框选项的comboBox,如附图中所示。

我在下拉列表中使用了多个复选框选项,如下所示,但我不希望带有复选框的下拉列表,而是希望附加图像。

<select multiple="multiple"> .... </select>

enter image description here

1 个答案:

答案 0 :(得分:1)

从下面的方式我得到了解决方案

<table>
                            <tr>
                                <td>
                                    <div
                                        style="max-height: 350px; overflow-y: scroll; width: 375px;background: white;"
                                        class="scrollbar style-2">
                                        <table class="table">
                                            <thead align="center">
                                                <tr>
                                                    <th style="text-align: center;background: #5cb85c;color : white;">List</th>
                                                    <th style="background: white;background: #5cb85c;color : white;"></th>
                                                </tr>
                                            </thead>
                                            <tbody style="background: white;">
                                            <%
                                                for (int i = 0; i < 10; i++) {
                                            %>
                                                <tr style="border: 0">
                                                <td style="border: 0">
                                                    <div class="[ form-group ]">
                                                        <input type="checkbox" name="fancy-checkbox-default_p3_ii<%=i%>"
                                                            id="fancy-checkbox-default_p3_ii<%=i%>" autocomplete="off" />
                                                        <div class="[ btn-group ]">
                                                            <label for="fancy-checkbox-default_p3_ii<%=i%>"
                                                                class="[ btn btn-success ]" style="top: 5px;"> <span
                                                                class="[ glyphicon glyphicon-ok ]"></span> <span> </span>
                                                            </label> <label for="fancy-checkbox-default_p3_ii<%=i%>"
                                                                class="[ btnCustom active ]"> Default Checkbox<%=i%>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <%
                                                }
                                            %>
                                            </tbody>
                                        </table>
                                    </div>
                                </td>
                            </tr>
                        </table>