0


0

jQueryを使用してチェックボックスでmysql dbのコンテンツをフィルタリングしますか?

私はjqueryとphpが初めてで、これを行うのに問題があります…​

mysqlテーブルからコンテンツを収集するphp Webページがあります。 このコンテンツをいくつかのチェックボックスでフィルタリングできるようにしたいのですが、チェックボックスjqueryコードを作成し、選択またはチェックした結果をデータベースから取得してページに表示する方法がわかりません。

これに関する助けは素晴らしいでしょう。

以下にスクリプト全体を掲載しますので、私が何を言っているのかを確認してください。 ボックスを選択(チェック)してから、idをsqlクエリに送信するのはかなり難しいと思っています。 したがって、「automotive」ボックスのみをチェックすると、ページには自動車カテゴリの結果のみが表示されます。

スクリプト(クエリに「automotive」をハードコーディングしていますが、スクリプトは機能しません):

SUPERMAN






$(document).ready(function() {
    $(":checkbox").change(function(){

    });
});














        Marketing
        Automotive
        Sports




 1)
    {




        $paginate .= "";
        // Previous
        if ($page > 1){
            $paginate.= "previous";
        }else{
            $paginate.= "previous";   }



        // Pages
        if ($lastpage < 7 + ($stages * 2))  // Not enough pages to breaking it up
        {
            for ($counter = 1; $counter <= $lastpage; $counter++)
            {
                if ($counter == $page){
                    $paginate.= "$counter";
                }else{
                    $paginate.= "$counter";}
            }
        }
        elseif($lastpage > 5 + ($stages * 2))   // Enough pages to hide a few?
        {
            // Beginning only hide later pages
            if($page < 1 + ($stages * 2))
            {
                for ($counter = 1; $counter < 4 + ($stages * 2); $counter++)
                {
                    if ($counter == $page){
                        $paginate.= "$counter";
                    }else{
                        $paginate.= "$counter";}
                }
                $paginate.= "...";
                $paginate.= "$LastPagem1";
                $paginate.= "$lastpage";
            }
            // Middle hide some front and some back
            elseif($lastpage - ($stages * 2) > $page && $page > ($stages * 2))
            {
                $paginate.= "1";
                $paginate.= "2";
                $paginate.= "...";
                for ($counter = $page - $stages; $counter <= $page + $stages; $counter++)
                {
                    if ($counter == $page){
                        $paginate.= "$counter";
                    }else{
                        $paginate.= "$counter";}
                }
                $paginate.= "...";
                $paginate.= "$LastPagem1";
                $paginate.= "$lastpage";
            }
            // End only hide early pages
            else
            {
                $paginate.= "1";
                $paginate.= "2";
                $paginate.= "...";
                for ($counter = $lastpage - (2 + ($stages * 2)); $counter <= $lastpage; $counter++)
                {
                    if ($counter == $page){
                        $paginate.= "$counter";
                    }else{
                        $paginate.= "$counter";}
                }
            }
        }

                // Next
        if ($page < $counter - 1){
            $paginate.= "next";
        }else{
            $paginate.= "next";
            }

        $paginate.= "";


}
 echo $total_pages.' Results';
 // pagination
 echo $paginate;
?>



';

        }

    ?>

1 Answer


0


これを始めるためのサンプルコードは次のとおりです。

        $(document).ready(function(){
            $("#test").click(function()
            {
                if ($(this).is(":checked"))
                {
                        $("#example").hide();

                }else{
                        $("#example").show();
                }

            });
        });





    Hide Show

jQueryを実際に読んで、何が起こっているのかを理解する必要がありますが、開始するには次のようにします。 基本的に、DOMで探しているものを見つける方法です。

  • `$("#whatever ")`はIDでアイテムを取得します

  • `$("。whatever ")`はクラス名でアイテムを取得します

  • `$(" whatever ")`はノードによってアイテムを取得します

  • 「$(whatever)」は通常、次のような特別なものを選択するために使用されます 「ドキュメント」または「ウィンドウ」

目的のアイテムが見つかったら、イベントを追加したり、メソッドを呼び出したりできます。 それが `$(" whatever ")。の後のすべてです。

これは非常に基本的な概要であるため、機会がありましたらぜひ読んでください。