获取单选按钮的状态时Jquery IE问题

Question

我正在包装一些radion按钮，为他们提供更好的风格，使用css和jquery来处理辐射选择。

我正在使用此HTML来包装无线电输入元素：

<button class="radio-button inches inches-selected">
    <input type="radio" id="inches" name="unit" value="inches" checked="checked">
</button>

一切都在预期的每个浏览器中运行良好，但在IE中，当我尝试获取检查状态（默认情况下在HTML中设置）时，我得到“未定义”。

我试过了：

$("#inches").is(":checked");
$("#inches").attr("checked");
$("input[value=inches]").is(":checked");

但我总是得到“未定义”。

有什么建议吗？

Answer 1

我认为你不能将<input>包裹在<button>中。但假设你可以，你不应该使用选择器$("input[value=inches]")，因为那样也会选择inches作为当前值的任何其他输入元素（例如文本框）。除此之外，我不熟悉按钮包装技术，所以我总体上怀疑这种方法。