php - 送信ボタンなしでチェックボックスをクリックするとページが更新される

Question

オンラインショッピングサイトを作成しています。そして、私は Ajax と jQuery を初めて使用します。質問は: T シャツの色の選択があります: 1. 赤 2. 青 3. 緑。

送信ボタンを使用せずにユーザーの選択に基づいて、データベース (画像 URL で保存した) からカラー T シャツの画像を読み込みたいです。つまり、ユーザーがチェックボックスを選択または選択解除するたびに、ページを更新する必要があります。これに関して誰か助けてもらえますか？どんな助けでも素晴らしいでしょう。ありがとうございました。私が試したコードは次のとおりです。

    <?php
    $servername = "localhost";
    $username = "root";
    $password = "";
    $dbname = "mydb";

    // Create connection
    $conn = new mysqli($servername, $username, $password, $dbname);
    // Check connection
    if ($conn->connect_error) {
        die("Connection failed: " . $conn->connect_error);
    } 

    // options
    $options = array(
        'Blue' => 'Blue', 
        'red' => 'red', 
        'Green' => 'Green', 
        );

    // sql where
    $sql_where = array('1');
    foreach ($options as $option)
    {
        if (isset($_POST[$option])) $sql_where[] = "field = '$option'";
    }


    // query data
    $res = mysqli_query($conn,"SELECT * FROM try WHERE " . implode(' AND ', $sql_where));


    // html
    $sql_where = array('1');
    foreach ($options as $name => $option)
    {
        ?>
            <input type="checkbox" name="<?= $option?>" id="<?= $option?>" value="1" />
            <label for="<?= $option?>"><?= $name?></label>
        <?php
    }
    echo mysqli_num_rows($res);

    ?>

チェックボックスをクリックするたびにコードが更新されるわけではありません。