我正在使用以下代码将 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 输入。
最佳答案
你应该使用 .prop();在处理复选框/ radio 输入时。
$(document).ready(function() {
$('#Img1').click(function() {
var checkBox = $("#radio1");
checkBox.prop("checked", !checkBox.prop("checked"));
});
});
关于javascript - JQuery .trigger click 事件在 IE 下不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24370420/