小编Rod*_*arx的帖子

在Twitter Bootstrap上切换复选框

我用Twitter Bootstrap制作了一组复选框.现在我想做一个"全选"或"取消全选"按钮.我怎么能用JS函数做到这一点?

Twitter Bootstrap文档说使用$().button('toggle')但它不起作用.

这是我的代码片段:

<div class="control-group">
<div class="controls">
    <div class="input">
        <div class="btn-group">
            <label class="btn  btn-toggle" for="colors-1-toggle-0">
                <input type="checkbox" id="colors-1-toggle-0" name="colors-1[]" value="color_c" />C
            </label>
            <label class="btn  btn-toggle" for="colors-1-toggle-1">
                <input type="checkbox" id="colors-1-toggle-1" name="colors-1[]" value="color_m" />M
            </label>
            <label class="btn  btn-toggle" for="colors-1-toggle-2">
                <input type="checkbox" id="colors-1-toggle-2" name="colors-1[]" value="color_y" />Y
            </label>
            <label class="btn  btn-toggle" for="colors-1-toggle-3">
                <input type="checkbox" id="colors-1-toggle-3" name="colors-1[]" value="color_k" />K
            </label>
        </div>
    </div>
</div></div>
Run Code Online (Sandbox Code Playgroud)

javascript checkbox jquery twitter-bootstrap

9
推荐指数
2
解决办法
4万
查看次数

标签 统计

checkbox ×1

javascript ×1

jquery ×1

twitter-bootstrap ×1