Jquery Bootstrap 按钮组复选框值

Question

我似乎无法获取任何复选框/单选按钮值。下面的代码是我在阅读了很多帖子后认为最符合逻辑的代码，但仍然不起作用。

我的PHP

<!-- Account Type -->
<input type="hidden" id="hidden-accounttype">
<div class="form-group">
  <label class="col-sm-4 control-label" for="accounttype">Account Type</label>
  <div class="col-sm-4">
  <div class="btn-group btn-group-custom btn-block" data-toggle="buttons">
    <label class="btn btn-default col-xs-6 active">
      <input type="radio" name="accounttype" id="accounttype-0" class="button-accounttype" value="broker">Broker
    </label>
    <label class="btn btn-default col-xs-6">
      <input type="radio" name="accounttype" id="accounttype-1" class="button-accounttype" value="client">Client
    </label>
  </div>
  </div>
</div>

我的JS

$('.button-accounttype').click(function(){
  var values = $(this).val();
  $('#hidden-accounttype').val(values);
  alert($("#hidden-accounttype").val());
});

我也尝试过

alert($(".active").val());

fiddle (第一次制作 fiddle ，如果我没有正确设置 bootstrap/jquery 扩展设置，请原谅)

http://jsfiddle.net/3u7p71z6/

Answer 1

由于 input 标记包含在 label 标记内，因此点击事件是由 label 标记而不是 触发的输入 标签。因此，我向两个 label 标记添加了一个类 .labelZ 并将脚本修改为:

$(document).ready(function () {
    $('.labelZ').click(function(){
        var values = $(this).find("input").val();
        $("#hidden-accounttype").val(values);
        alert($("#hidden-accounttype").val());
    });
});

已更新fiddle .