Jquery Fancyform 和 IE10：单击标签时未选中复选框

Question

所以，我有这个奇怪的 IE10-Bug（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("...");在这里花式转换检查框方法：

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

只是向我展示了相同的内容。当我点击标签时，不会触发“检查”。

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

最好的问候， 多姆

Answer 1

我遇到了同样的问题，这种情况下需要绑定事件，因为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);
                }
            } 
        });