設置$ .prop（）不觸發變化

<li> 
<input type="checkbox" id="master" /> 
    <ul> 
    <li> 
    <input type="checkbox" /> 

$('input').bind('change', function() {}); // exists elsewhere, cannot change

當我點擊頂層輸入，我想設置.prop('checked', true)其所有的孩子，但我想避免觸發change事件爲每個孩子複選框。

如何將.prop('checked', true)設置爲輸入而不觸發change？

編輯：（擴大）

$('#master').click(function() { 
    $(this).parent().find('input').each(function(n, in) { 
     $(in).prop('checked', true); // this triggers a change event that I need to stop 
    }); 
});

來源

2012-02-03 tester

你所描述的是默認功能。從javascript更改元素不會觸發更改事件。

http://jsfiddle.net/8JsP4/

注意，如果您在點擊在例如一個複選框，你會得到一個警告，但如果你按一下按鈕，沒有任何警報。

來源

2012-02-03 21:54:52

我想重現我的症狀，你必須使用一個上層複選框，檢查所有的較低水平，而不是箱子一個單獨的按鈕 – tester 2012-02-03 21:58:17

還沒問題http://jsfiddle.net/8JsP4的/ 1 /也許你可以在我的小提琴中重現這個問題？ – 2012-02-03 22:00:21

掛上，只是看着你的編輯，你的代碼不會做任何事情。 '$（this）.find（...'將不會返回任何內容，因爲'this'是一個不包含**任何內容的輸入。你的html與你發佈的內容實際上是不同的嗎？ – 2012-02-03 22:02:36

嘗試取消綁定的onchange監聽器，然後將其綁定再度財產已經設置。

來源

2012-02-03 21:53:21

現在，您的選擇器會針對所有input元素。你可以給你的主複選框一個ID，其他人是一個普通的類。

<li> 
<input id="main-chk"type="checkbox" /> 
    <ul> 
    <li> 
    <input class="children" type="checkbox" /> 

    $('li:first').bind('change', function() { 
     $(this).find('li').prop('checked', 'checked'); 
    }); // exists elsewhere, cannot change

來源

2012-02-03 21:57:50 Jack

我需要這樣做沒有ids /類。只是基於ul/li /輸入層次結構 – tester 2012-02-03 22:00:15

更新了我的答案。 – Jack 2012-02-03 22:08:04

設置$ .prop（）不觸發變化

回答

相關問題