如何基於下拉選擇禁用/啟用動態表中的復選框

Question

我有一個從JSON文件動態生成的html表。 該表包含帶有下拉列表和復選框的行。 如果在下拉列表中選擇了默認值，則應禁用該復選框，否則應啟用它。 我相信下面的代碼應該做我想要的。

$(function() {
$('td select').change(function () {
$(this).closest('tr').find('input[type="checkbox"]').prop('disabled', $( 'select option:selected' ).val()=='Default');
}).change();});

但是，當我在代碼中運行它時，僅表的第一行演示了我正在尋找的功能。 由於該表是根據JSON動態生成的，因此我不認為可以選擇使用循環。 這里已經提出了類似的問題，但它們不適用於動態生成的表。 下面附帶的小提琴與我嘗試實現的類似，似乎我的邏輯是相同的。 如果有人能指出正確的方向，我將不勝感激。

http://jsfiddle.net/3RRLP/2/

Answer 1

如果在附加處理程序時DOM中尚不存在該元素，則可以嘗試：

 $(function() {
    $('body').on('change', 'td select', function() {
        console.log(this.id);
        $(this).closest('tr').find('input[type="checkbox"]').prop('disabled', $('select option:selected').val() == 'Default');
    }).change();
});