Twitter Bootstrap Radio 切换 - 适用于除IE9以外的所有浏览器

Question

在Twitter引导程序的一些单选按钮上工作，在这个例子中html和js工作得很好：

<div class="btn-group" data-toggle="buttons-radio" >
  <button type="button" class="btn" data-toggle="button">
    Public
    <input type="radio" name="is_private" value="0" />
  </button>
  <button type="button" class="btn" data-toggle="button">
    Private
    <input type="radio" name="is_private" value="1" />
  </button>
</div>​

$('div.btn-group button').click(function(){
    alert($(this).children('input[name="is_private"]').val());
})​

http://jsfiddle.net/XYEjs/31/

问题是我无法使此示例（或我的代码，就此而言）在IE9中工作。 它不返回值，而是返回"未定义"。

此示例似乎在所有其他浏览器（或至少我尝试过的所有浏览器）中正常工作（意味着它返回 html 中分配的值......Chrome， Safari， Firefox）...甚至可以在IE8和IE10中工作。

它只是在IE9中不起作用。 思潮？

提前感谢...

Answer 1

也许这有点晚了，但我刚刚遇到了同样的问题。问题是IE9显然不喜欢按钮内的输入。我刚刚用 s 替换了按钮，它可以工作。花了一整天的时间在那件愚蠢的事情上。

<a href="#" class="btn btn-default" data-toggle="buttons">
    Public
    <input type="radio" name="is_private" value="0" />
</a>