启用Bootstrap Checkbox的输入

时间:2014-07-11 03:29:35

标签: twitter-bootstrap

我想知道是否有人可以帮助我,我一直在尝试从bootstrap的复选框按钮启用各种输入,这是一个示例http://jsfiddle.net/FArMm/1031/

修改

我找到了一个解决方案,如果有人需要做类似的事情,请输入代码 http://jsfiddle.net/jc4QD/1/

1 个答案:

答案 0 :(得分:2)

检查这个小提琴:http://jsfiddle.net/FArMm/1033/

您需要将字段括在<form>代码

    <div class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary active">
        <form>
            <input type="checkbox" id="test">Activate</label>
    </div>
    <input type="text" disabled="disabled" class="prueba" />
    <input type="text" disabled="disabled" class="prueba" />
    <input type="text" disabled="disabled" class="prueba" />
    <input type="text" disabled="disabled" class="prueba" />
    </form>

使用.each()功能:

$('#test').click(function () {
    var checked = this.checked;
    console.log(checked);
    $('.prueba').each(function () {
        $(this).prop('disabled', !checked);
    });
});