復選框更改事件未觸發

Question

這是我的代碼：

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script>
  $(document).ready(function() {
    $('.chk').live('change', function() {
      alert('change event fired');
    });
    $('a').click(function() {
      $('.chk').attr('checked', true);
    });
  });
</script>
</head>
<body>
<div class="chkHolder">
  <input type="checkbox" class="chk" name="a" id="a" />
  <input type="checkbox" class="chk" name="b" id="b" />
</div>
<a href="#">check all</a>
</body>
</html>

當我點擊“全部檢查”超鏈接時，我希望為每個復選框觸發更改事件。 但是，這種情況並沒有發生。

有任何想法嗎？

非常感謝！

Answer 1

使用： $('.chk').attr('checked', true).change();

實例： http ： //jsfiddle.net/NRPSA/1/

Answer 2

更改屬性時，請使用以下內容：

$('.chk').trigger('change');

或者像其他人建議的那樣在您的代碼中：

$('.chk').attr('checked', true).trigger('change');

Answer 3

嘗試改變

$('a').click(function() {
      $('.chk').attr('checked', true);
});

至 -

$('a').click(function() {
      $('.chk').attr('checked', true).trigger('change');
 });

這應該會強制觸發“改變”事件。

工作演示 - http://jsfiddle.net/ipr101/pwmBE/

Answer 4

試試這個。

<div id ="chkall"> <a href="#">check all</a> <div>

            $('#chkall a').live("change", function() {
            $('.chk').attr('checked', true);
            });

復選框更改事件未觸發

問題描述

4 個解決方案

解決方案1
31 已采納 2011-09-12 12:08:39

解決方案2
6 2011-09-12 12:07:55

解決方案3
3 2011-09-12 12:08:45

解決方案4
0 2011-09-12 12:11:27

復選框更改事件未觸發

問題描述

4 個解決方案

解決方案1 31 已采納 2011-09-12 12:08:39

解決方案2 6 2011-09-12 12:07:55

解決方案3 3 2011-09-12 12:08:45

解決方案4 0 2011-09-12 12:11:27

解決方案1
31 已采納 2011-09-12 12:08:39

解決方案2
6 2011-09-12 12:07:55

解決方案3
3 2011-09-12 12:08:45

解決方案4
0 2011-09-12 12:11:27