Question

我正在尝试使用twitter bootstrap 3.x中的button.js来切换表单中的按钮。如何将按钮设置为数据库中的值？

实施例。如果数据库中的选项值设置为Option1。如何将该按钮切换到活动状态？我使用下一个代码检查普通html中的按钮，但是如何使用jquery / bootstrap按钮设置它？

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option1" <?php if ($options == 1) { echo 'checked="checked"'; } ?>> Option 1
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option2" <?php if ($options == 2) { echo 'checked="checked"'; } ?>> Option 2
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option3" <?php if ($options == 3) { echo 'checked="checked"'; } ?>> Option 3
  </label>
</div>

编辑：

最后，使用

解决了这个问题

Answer 1

试试这个

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary  <?php if ($options == 1) { echo 'active'; } ?>">
    <input type="radio" name="options" id="option1" <?php if ($options == 1) { echo 'checked="checked"'; } ?>> Option 1
  </label>
  <label class="btn btn-primary  <?php if ($options == 2) { echo 'active'; } ?>">
    <input type="radio" name="options" id="option2" <?php if ($options == 2) { echo 'checked="checked"'; } ?>> Option 2
  </label>
  <label class="btn btn-primary  <?php if ($options == 3) { echo 'active'; } ?>">
    <input type="radio" name="options" id="option3" <?php if ($options == 3) { echo 'checked="checked"'; } ?>> Option 3
  </label>
</div>

bootstrap button.js从数据库值设置状态

1 个答案: