Question

我在jquery / javascript中得到了这个简单的函数，它在IE7，IE8中不起作用：

$("input[type='checkbox']", selector).change(function() {
    recalcTotalPrice(selector);
  });

它有什么问题？

Answer 1

一切似乎都很好。这是我尝试过的：（working example）

HTML：

<form>
    <input type="checkbox" id="c1" value="1"> <label for="c1">test</label>
    <input type="checkbox" id="c2" value="2"> <label for="c2">test</label>
    <input type="checkbox" id="c3" value="4"> <label for="c3">test</label>
    <input type="checkbox" id="c4" value="8"> <label for="c4">test</label>
</form>
<div id="result"></div>

使用Javascript：

function recalcTotalPrice(s) {
    var total = 0;
    s.find(':checked').each(function() {
        total += parseInt(this.value, 10);
    });
    $('#result').html(total);
}

var selector = $('form');
$("input[type='checkbox']", selector).change(function() {
    recalcTotalPrice(selector);
});

Answer 2

根据我的经验，使用click事件比使用change更可靠地观察复选框状态的变化。

IE更改功能不会触发

2 个答案: