Javascript 隐藏输入单选按钮在IE10中不工作

如果在IE10上测试时遇到功能问题，那么它在包括IE Edge在内的所有其他浏览器上都可以正常工作

我有三个收音机输入，用户可以选择所需的正确尺寸，我这样做是为了使输入不可见，并且在顶部有一个可单击的图像，用于选择收音机输入。单击可以工作，但是它不会选中该选项，除非您单击左上角，是否有任何方法使其在IE10中工作？正如我所说，它在所有其他浏览器中都可以正常工作

HTML

要隐藏单选按钮的类

.input_hidden {
position: absolute;
visibility: hidden;
}

下面是一个粗略的JSFIDLE，它显示了在chrome和IE10中发生的事情

---

提前感谢您的帮助

“就像单选按钮的大小只有10x10像素”——可能是这样，因为我们知道格式化表单元素本身很棘手，在旧浏览器中更是如此。向我们展示您如何实际“隐藏”这些输入字段；一个实时的也会很有帮助。谢谢@CBroe，我已经用css更新了帖子中隐藏的输入，还链接到了一个JSFIDDLE。看起来IE 10在标签内的图像方面有问题。。。如果我用简单的文本替换这些内容，然后单击它，它似乎会起作用。谢谢@CBroe，但我需要它来使用图像，这样对用户来说更直观。你能改用背景图像吗？这似乎解决了这个问题，而不需要任何额外的JS-（我没有费心将标签大小调整到实际的图像大小，只是出于示例目的…）

<script type="text/javascript">//<![CDATA[
    $(window).load(function(){
        $('#size input:radio').addClass('input_hidden');
        $('#size label').click(function() {
           $(this).addClass('selected').siblings().removeClass('selected');

        });
    });//]]> 
</script>

$(function() {
$(".size, .print, .finish, .delivery").click(function() {
//$(document).on("change","#frmProduct", function() {
    var prodID = $(".productid").val();
    var size = $(".size:checked").val();
    var print = $(".print:checked").val();
    var delivery = $(".delivery:checked").val();
    var finish = [];
    //var finish = $(".finish:checked").val();
    $(".finish:checked").each(function(){
        finish.push($(this).val());
    });
    var qty = $(".qty").val();
    var unit = $(".measurement:checked").val();

    if(unit=='cm'){
        width = $(".inputCmWidth").val();
        height = $(".inputCmHeight").val();
    } else {
        width = $(".inputFtWidth").val();
        height = $(".inputFtHeight").val();
        width2 = $(".inputInWidth").val();
        height2 = $(".inputInHeight").val();

        width=(width*12)+parseFloat(width2);
        height=(height*12)+parseFloat(height2);
    }
    //alert(width +' '+height);
    //$("input:checkbox[name=finish]:checked").each(function(){
    //  finish.push($(this).val());
    //});


    //var size = $("[name='size']").val();
    //var print = $("[name='print']").val();

    var dataString = 'size='+ size +'&print='+ print +'&finish='+ finish +'&qty='+ qty +'&delivery='+ delivery +'&prod='+ prodID +'&width='+ width +'&height='+ height +'&unit='+ unit;

    $.ajax({
        type: "POST",
        url: "../../../inc/calculate.php",
        data: dataString,
        cache: false,
        success: function(html){
            $("#totalPrice").html(html);
        }
    });

    //return false;
});
});

.input_hidden {
position: absolute;
visibility: hidden;
}