javascript - JQuery .trigger click 事件在 IE 下不工作

Question

我正在使用以下代码将 img 标签上的点击事件路由到其下方的输入 radio 。该代码在 Chrome 和其他浏览器上完美运行，但在 IE(特别是 IE 11)上，我必须双击以选择 radio ，而不是单击以选择 radio 输入。有人可以告诉我我做错了什么，在这里失踪了吗？谢谢

<script type="text/javascript">
   $(document).ready(function() {
       $('#Img1').click(function() {
          $('#radio1').trigger('click');
       });
   });
</script> 




      <div class="imagesPrev col four center">
        <label class="label_radio images" for="radio1">
      <div class="labelText">
            <img id="Img1"src="image1.gif" alt="Image 1" />
            <input type="radio" id="radio1" name="radio1" value="image1"/>      
      </div>
      <div style="height:10px;"></div>
             Image Title <br/>
        </label>
      </div>

注意事项:- 我还注意到我不必像正常双击那样双击，但必须单击两次。意思是单击一次，然后我可以等待 10-15 秒，然后进行第二次单击以使单击事件路由到 radio 输入。

Answer 1

http://jsfiddle.net/89wTk/

你应该使用 .prop();在处理复选框/ radio 输入时。

   $(document).ready(function() {
       $('#Img1').click(function() {
           var checkBox = $("#radio1");
           checkBox.prop("checked", !checkBox.prop("checked"));
       });
   });