Javascript （某些）IE中不可单击的单选按钮

以下内容在任何浏览器中都可以正常工作*

*除了我

<div class="radio-groups">

    <fieldset class="radio-group diameter" id="diameter">

        <div class="option hidden"><span>DIAMETER</span></div>

        <input type="radio" id="radio-01" name="diameter" value="1.75">
        <label class="option" for="radio-01"><span>75mm</span></label>

        <input type="radio" id="radio-02" name="diameter" value="3.00">
        <label class="option" for="radio-02"><span>85mm</span></label>

    </fieldset>

    <div class="clear"></div>

    <fieldset class="radio-group volume" id="volume">

        <div class="option hidden"><span>VOLUME<small>WEIGHT / LENGTH</small></span></div>

        <input type="radio" id="radio-04" name="volume" value="500">
        <label class="option" for="radio-04"><span>500cm&sup3;<small>(calculating)</small></span></label>

        <input type="radio" id="radio-05" name="volume" value="1000">
        <label class="option" for="radio-05"><span>1000cm&sup3;<small>(calculating)</small></span></label>

        <input type="radio" id="radio-06" name="volume" value="2000">
        <label class="option" for="radio-06"><span>2000cm&sup3;<small>(calculating)</small></span></label>

    </fieldset>

    <div class="clear"></div>

    <fieldset class="radio-group spool" id="spool">

        <div class="option hidden"><span>SPOOL</span></div>

        <input type="radio" id="radio-08" name="spool" value="standard" checked>
        <label class="option" for="radio-08"><span><img src="/img/spool.svg"><br/>Standard<br/>&nbsp;</span></label>

        <input type="radio" id="radio-09" name="spool" value="eger">
        <label class="option nothin" for="radio-09"><span><img src="/img/spool.svg"><br/>Eger</span></label>

        <input type="radio" id="radio-10" name="spool" value="drem">
        <label class="option" for="radio-10"><span><img src="/img/spool.svg"><br/>Drem<br/>&nbsp;</span></label>

        <input type="radio" id="radio-11" name="spool" value="stan">
        <label class="option" for="radio-11"><span><img src="/img/spool.svg"><br/>Stan<br/>&nbsp;</span></label>

    </fieldset>

    <div class="clear"></div>

</div>

直径
75毫米
85毫米
体积重量/长度
500厘米³；（计算）
1000cm³；（计算）
2000cm³；（计算）
线轴

标准


Eger

Drem


斯坦

看起来是这样的：

当我点击“直径”单元格的内部，无论是文本还是文本周围的区域，都会被选中， 当我在文本的“体积”单元格内单击时，它不会被选中，但当我单击文本周围的区域时，它会被选中， 当我在文本上的“假脱机”单元格内单击时，它被选中，在图像上，它没有被选中[在这里忽略不正确的图像比例]，在图像或文本之外的区域，它被选中

我的问题很简单：如何调试它

---

前两个字段集都有click，但没有click，情况完全一样。

你有没有现场示例？你放在这里的纯HTML在IE中为我工作，通过按任意键进行选择。可能是一些CSS搞乱了你。@FabianMiiro不幸的是服务器在NAT后面，所以无法显示实时演示。。。但看起来这实际上是点击事件的问题。注释如下：

$（'#卷'）。单击（函数（）{..}）允许我单击“卷”中的文本。只是不知道为什么除了IE之外，其他浏览器都可以这么做。看起来好像是其他的点击取代了这个点击。。。想法？请问您使用的IE是什么版本？还有什么版本的jQuery？当然。jqueryjavascript库v1.11.1。Windows8.1上的IE11。