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>