Question

简单地说：我的目标是在页面上有两个按钮，以便＆＃34; 1＆＃34;按下第一个时显示，＆＃34; 2＆＃34;按下秒时显示。这适用于无线电输入，但是当我从Twitter Bootstrap添加按钮标签时，它不再有效。

首先，这是我正在使用的jquery。我试图将跨度的值更改为按下的按钮的值：

  <span id="val">0</span>

  <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
  <script>
  $(function() {
      $('input[type=radio]').click(function() {
        $("#val").html($(this).val());
      });
  });

  </script>

它适用于此：

<input type="radio" Id="Radio1" value="1" name="a">
<input type="radio" Id="Radio2" value="2"  name="a">

但是当我这样做时，它不再有效（我可以看到并按下按钮，但是span的值保持为0）：

<div class="btn-group" data-toggle="buttons">
    <label type="button" for="Radio1" class="btn btn-primary active">
     <input type="radio" Id="Radio1" value="1" checked>
    </label>
    <label type="button" for="Radio2" class="btn btn-primary">
     <input type="radio" Id="Radio2" value="2">
    </label>
</div>

在我看来，标签标签引起了问题，但我不确定为什么。删除标签使其工作，但我需要按钮标签。

Answer 1

将click事件放在标签上，然后在＆＃34;输入＆＃34;上找到值。小孩：

$(function() {
  $('div.btn-group label').click(function() {
    $("#val").html($(this).children('input').val());
  });
});

JsFiddle：https://jsfiddle.net/5vh3yzzq/1/

我无法使用jQuery来使用Bootstrap按钮

1 个答案: