Проблема с Jquery IE при получении статуса переключателя

Question

Я обертываю некоторые кнопки радионов, чтобы придать им лучший стиль, используя css и jquery для обработки выбора радионов.

Я использую этот HTML-код для обертывания элемента радиовхода:

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

Все работает хорошо, как и ожидалось в каждом браузере, но в IE, когда я пытаюсь получить проверенный статус (установленный по умолчанию в HTML), я получаю "undefined".

Я пробовал:

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

но я всегда получаю "undefined".

Любое предложение?

Answer 1

Я не думал, что вы могли бы обернуть <input> в <button>. Но предполагая, что вы можете, вы не должны использовать селектор $("input[value=inches]"), поскольку он также выберет любые другие элементы ввода (например, текстовые поля), которые имеют inches в качестве текущего значения. Кроме этого, я не знаком с техникой обертывания кнопок, поэтому я с подозрением отношусь к этому подходу в целом.