时间戳

首页 > 解决方案 > 如何写里面的复选框

  • 标记 jQuery

    • php - 如何写里面的复选框
  • 标记 jQuery

    • 问题描述

    我正在创建一个电子商务网站，并且必须在 li 标签复选框中显示类别。到目前为止我尝试过的我写在下面。我无法得到输出。

    我已经像这样在 li 标签内写了，但它对我不起作用。

    <li class="list-group-item list-group-item-action" id="categories"><input type="checkbox"></li>

    下面我附上了完整的代码。

    表单设计(HTML)

     <div align="left">
        <li class="list-group-item list-group-item-action active" ><h4>Category</h4></li>


            <li class="list-group-item list-group-item-action" id="categories"><input type="checkbox"></li>

    </div>

    jQuery

    function getCategory(){
        $.ajax({
            type: 'GET',
            url: 'get_category.php' ,
            dataType: 'JSON',
            success: function (data)
            {
                for (var i = 0; i < data.length; i++)
                {
                    var catname = data[i].catname;
                    var id = data[i].id;
                 //  $(this).prepend($('<input type="checkbox"/>'));
                  $('#categories').append('<a href="#" cid= '+ id + '  class="list-group-item list-group-item-action">' + '<b>'+ data[i].catname + '<b>' + '</a>');
                }
            },
            error: function (xhr, status, error)
               {
                console.log(xhr.message)
            }

        });
    }

    get_category.php

    <?php
include("db.php");

$stmt = $conn->prepare("select id,cat_name,status from category where status = '1' order by id DESC");
$stmt->bind_result($id,$catname,$status);

if ($stmt->execute()) {
    while ( $stmt->fetch() ) {
        $output[] = array ("id"=>$id, "catname"=>$catname,"status"=>$status);
    }

    echo json_encode( $output );
}
$stmt->close();

//}

    标签： phpjson

    解决方案

    尝试这个：

    <div><ul id="displayResults"></ul></div>

    然后，在 php 文件中：

    function getCategory(){
$.ajax({
        type: 'GET',
        url: 'get_category.php' ,
        dataType: 'JSON',
        success: function (data)
        {
            for (var i = 0; i < data.length; i++)
            {
                var catname = data[i].catname;
                var catid = data[i].id;
                var catstatus = data[i].status;
                if(catstatus){
                  $('#displayResults').append('<li id=cat_'+catid+' class="list-group-item list-group-item-action"><b>'+ data[i].catname + '<b><input id="cat_'+ catid +'" type="checkbox" value="true" checked="true"></li>');
                }else{
                  $('#displayResults').append('<li id=cat_'+catid+' class="list-group-item list-group-item-action"><b>'+ data[i].catname + '<b><input id="cat_'+ catid +'" type="checkbox" value="true"></li>');
                }

            }
        },
        error: function (xhr, status, error)
           {
            console.log(xhr.message)
        }
    });
}

    推荐阅读