Question

如果我点击一个复选框，那么它应该连接数据库并获取结果。复选框标签也从数据库（通过PHP）获取，这些标签也是数据库中的表。到目前为止，我能够通过PHP-JS-AJAX调用来获取数据库[reference：http://grocery.sketchmeglobal.com＆gt;饮料＆gt;复选框]但每次单击复选框时，它都会覆盖前一个复选框。

如何解决？

我的代码部分:: JS文件：

    $no_of_rows = $('#num_of_rows').val();
    if($no_of_rows=== '' || $no_of_rows === null){
       alert('undefined');
    }
    else {
        $no_of_rows = $('#num_of_rows').val();  
    } 
  $('.css-checkbox').click(function() {

    for(var i=1; i<= $no_of_rows ; i++){
        checked =  $('#checkbox'+i).prop('checked');
        if(checked === true) {

            $searchTable = $('#checklabel'+i).text(); 
        $.ajax({
            type: "get",
            url: 'searchResult.php',
            data: 'searchTable=' + $searchTable,
            success: function(data) {
                $('#search-result').html(data);
            },
            error: function() {
                alert('it\'s broken');
            },
            complete: function() {
//                alert('clicked at-> checkbox'+i);
            }
        });
        }
        else{

        }

    }

}）;

Answer 1

如果问题是您的结果覆盖了之前的结果，请在成功处理程序中使用append，而不是html

    success: function(data) {
        $('#search-result').append(data);
    },

根据在PHP中单击的复选框显示数据库中的数据

1 个答案: