日期:2014-05-16  浏览次数:20592 次

IE8、IE9下无法勾选checkbox 选择框
各位老师好:
    请教大家一个思路,
在<li>里拼接了checkbox,无法勾选框,在Firfox和Chrome
下显示正常。

  var html = '<li><div class="float-l margin-r"><input type="checkbox" name="del"/></div>&nbsp;&nbsp;<div class="float-l margin-r word">' + keyword + '</div>&nbsp;&nbsp;&nbsp;<div class="float-l margin-r"><input type="checkbox" name="fMatch"';
        alert(html);
        if ( isFullMatch == '1' )
        {
            html += ' Checked';
        }
        html +='/>全匹配</div><div style="clear:left"></div></li>';
            $(object).append(html);
------解决方案--------------------
var html = '<li><div class="float-l margin-r"><input type="checkbox" name="del"/></div>&nbsp;&nbsp;<div class="float-l margin-r word">asdas</div>&nbsp;&nbsp;&nbsp;<div class="float-l margin-r"><input type="checkbox" name="fMatch"';
    html += ' Checked';
    html +='/>全匹配</div><div style="clear:left"></div></li>';
var ele = document.getElementById("a");
ele.innerHTML = html;


是不是跟你的添加方式有关,你这地方html是个字符串,就不要用dom添加了,
你要是用jquery的话,直接改成
$(object).html(html)试试。

这个地方你object是个什么?

我自己测试,按照我上面的代码,是没有问题的。