jquery - 启用按钮，使用 jquery.load 检查复选框

Question

当复选框位于页面本身内时，下面的代码可以正常工作。当从 jquery 加载相关内容时 .load它不注册复选框。

html下面的代码显示在<div id='output'></div>内。当我将它移到该 div 之外时它工作正常。

JS

$(document).ready(function() {
    $('#dropdown').change( function() {
        $('#output').load('/process.php',{dropdown: $(this).val()});
    });

    $(".checkbox").click(function(){
        $('#continue').prop('disabled',$('input.checkbox:checked').length == 0);
    });
});

process.php 的 HTML

<input type="checkbox" class="checkbox">

Answer 1

您必须使用 on() 方法来考虑通过 AJAX 添加到 DOM 的元素。尝试改变这个 -

$(".checkbox").click(function(){
    $('#continue').prop('disabled',$('input.checkbox:checked').length == 0);
});

对此 -

 $('body').on('click', '.checkbox', function(){
     $('#continue').prop('disabled',$('input.checkbox:checked').length == 0);
 });

http://api.jquery.com/on/