Question

我有一个带有多个复选框的表单，这是必填字段，我转为twitter自举切换按钮。

我正在尝试使用js激活选择按钮，方法是向其添加“active”类。我能够添加类，但在保存表单时，我收到一个错误，表明该字段是必需的。

我错过了什么？

这是表格。

<div id="reminder">
    <div class="btn-group" data-toggle="buttons">
        <label class="btn btn-primary">
            <input type="checkbox" name="reminder" id="id_reminder_1" value="1" title="Choose at least one reminder option">Now</label>
        <label class="btn btn-primary">
            <input type="checkbox" name="reminder" id="id_reminder_2" value="30" title="Choose at least one reminder option">30m</label>
        <label class="btn btn-primary">
            <input type="checkbox" name="reminder" id="id_reminder_3" value="60" title="Choose at least one reminder option">1h</label>
        <label class="btn btn-primary active">
            <input type="checkbox" name="reminder" id="id_reminder_4" value="120"
            title="Choose at least one reminder option">2h</label>
        <label class="btn btn-primary">
            <input type="checkbox" name="reminder" id="id_reminder_5" value="1440"
            title="Choose at least one reminder option">1d</label>
    </div>
</div>

这是我添加课程的方式：

    $('#reminder label:eq(3)').addClass('active')

Answer 1

您只是添加了这个类，但实际上并没有选择它。添加selected属性，它将起作用：

$('#reminder label:eq(3)').addClass('active').attr('selected',true);

<强> Here is a demo

Answer 2

添加课程open而不是active以打开下拉列表（如果那是您要执行的操作）。您必须将该类添加到承载<li class='dropdown open'>

的<ul class='dropdown-menu'>

Answer 3

btn-primary是使你的按钮变蓝的css。看起来这就是你用于非活动按钮的原因，因为你拥有代码的方式，所有按钮都应该是蓝色的。如果您尝试将按钮设置为灰色，因为灰色将是您的活动按钮，则可以使用removeClass（'btn-primary'）。这会把它变成灰色。希望这会有所帮助。

添加活动类不会影响Twitter Bootstrap中的切换按钮

3 个答案: