Bootstrap复选框和带有真棒字体的单选输入

Question

谁能给我解决IE8上此问题的解决方案。 我有这个：HTML：

 <label>
        <input type="checkbox" checked /><i class="icon-fixed-width icon-check"></i> Three
    </label>

CSS：

[type=checkbox] { display: none; }
label { cursor: pointer; }
[class*=icon-].icon-fixed-width { text-align: left; }

jQuery的：

$("[type=checkbox]").change(function () {
    $checkbox = $(this)
    $icon = $checkbox.siblings("[class*=icon-]")

    checked = $checkbox.is(":checked")

    $icon.toggleClass('icon-check', checked)
        .toggleClass('icon-check-empty', !checked)
});

一切在现代浏览器上都可以正常工作，但在IE8上无法正常工作。 怎么了 小提琴：

TY。

Answer 1

只需在每行Java语言行之后添加分号即可。 我认为，如果不以结束Javascript语句，IE8 Javascript引擎就会“崩溃” ;

$("[type=checkbox]").change(function () {
    $checkbox = $(this);
    $icon = $checkbox.siblings("[class*=icon-]");
    checked = $checkbox.is(":checked");
    $icon.toggleClass('icon-check', checked).toggleClass('icon-check-empty', !checked);
});

小提琴