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

Question

为 twitter bootstrap 以及本示例中的 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 中工作。它不返回值，而是返回“未定义”。

此示例似乎在所有其他浏览器（或至少我尝试过的所有浏览器...Chrome、Safari、Firefox）中都能正常工作（意味着它返回在 html 中分配的值）......甚至在 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>