twitter-bootstrap - 启用 Bootstrap 复选框的输入

标签 twitter-bootstrap

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

编辑

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

最佳答案

检查这个 fiddle :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);
    });
});

关于twitter-bootstrap - 启用 Bootstrap 复选框的输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24689636/

相关文章:

javascript - 单击链接,概述按钮,直到单击其他地方

asp.net - 使用指定的操作简单地将 Razor 下拉列表转换为 Bootstrap3 下拉列表

html - 打印 HTML 页面和颜色变化?

javascript - 使用 Bootstrap 的淡入面板

html - 如何使响应式 div 贴在页面边缘

css - 当我在本地主机上复制时,Bootstrap glyphicon 会更改图标

html - 在浏览器调整大小时调整 div

jquery - 并排创建两个 div 的 Bootstrap 布局

javascript - 使用 twitter bootstrap 防止子元素崩溃

jquery - 如何在导航项上添加 bootstrap 4 事件类?