为 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());
})
问题是我无法使这个示例(或我的代码)在 IE9 中运行。它不返回值,而是返回“未定义”。
这个例子似乎在所有其他浏览器(或者至少我尝试过的所有浏览器...Chrome、Safari、Firefox)中都能正常工作(意味着它返回 html 中分配的值)...甚至在 IE8 中也能正常工作和IE10。
它在 IE9 中不起作用。想法?
提前致谢...
最佳答案
也许这有点晚了,但我刚刚遇到了同样的问题。问题是 IE9 显然不喜欢按钮内的输入。我刚刚用 s 替换了按钮,它就可以工作了。花了一整天的时间在那个愚蠢的事情上。
<a href="#" class="btn btn-default" data-toggle="buttons">
Public
<input type="radio" name="is_private" value="0" />
</a>
关于javascript - Twitter Bootstrap Radio Toggle - 适用于除 IE9 之外的所有浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13374165/