javascript - Jquery Fancyform 和 IE10 : Checkbox does not get checked when clicking on label

Question

所以，我有这个奇怪的 IE10 错误(IE11 工作正常):

我有一个这样的复选框:

<div class="select-row row-b">
    <p>some text</p>
    <label><input type="checkbox" name="checkboxGroupA" data-index="1" value="A1"/>A1</label>
</div>

使用 Fancyform -jQuery-Plugin v 1.4.2，IE10 的 Fancyform 中似乎有一个错误:

所以假装这是我的复选框(有点风格):[A1]
单击边界内的某处( inside [ ] )有效。复选框被选中。但是直接点击文本(标签，“A1”)不起作用，复选框状态不会从未选中变为选中。

我添加了一个 console.log("...");到这里的幻想形式 transformCheckbox-method:

check: function () {
                console.log("setting check");
                method.setProp(this, "checked", 1);
            },

只是给我看同样的。当我单击标签时，不会触发“检查”。

在这里得到一些提示会很棒，因为我现在没有想法了。

最好的祝福，
多姆

Answer 1

我有同样的问题，在这种情况下你需要绑定(bind)事件，因为 IE 版本。

$(".select-row row-b label").bind('click',function(){
   $('input',this).attr("checked",true);
})

编辑:这是我的工作代码，基于这个答案。我在这里编辑这段代码是因为你必须注意几个副作用:

this.$rowLbls = $(this.$el.find('.row-alter label')); //might be $('yourdomelement', 'yoursecond...'')
        this.$rowLbls.click(function(event) {
            var ele = $(this).find('input');
            if( $(event.target).is("label") ) { //check exactly for label, because fired twice if not => would work just once
                if(ele.is(':checked')){
                    ele.prop('checked', false); //prop instead of attr for true/false
                } else{
                    ele.prop('checked', true);
                }
            } 
        });