在没有提交按钮的情况下单击复选框刷新页面

Question

我正在创建在线购物网站。我是 Ajax 和 jQuery 的新手。问题是：我可以选择 T 恤的颜色： 1.红色 2. 蓝色 3. 绿色。

我想根据用户的选择从数据库中加载彩色 T 恤图像（我已按图像 URL 存储），无需提交按钮。也就是说，每次用户 selects/de-selects 复选框时都应该刷新页面。有人可以帮忙吗？任何帮助都会很棒。谢谢你。我试过的代码是：

    <?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);

    ?>

每次单击复选框时代码不会自行刷新。

Answer 1

这样的事情会让你走上正确的路线...

$("#check").click(function(){
    $(".myform").submit();
});

假设您将复选框的 class 设置为 class="check" 并在表单标签中设置 id="myform"

这样做的效果是提交表单，就像您按下提交按钮一样，无论何时单击复选框。

在没有提交按钮的情况下单击复选框刷新页面

Refreshing page on checkbox click without submit button

html

php

ajax

jquery

online-store