Получить данные из MySQL, установив переключатель

Question

У меня есть несколько моделей продуктов, и когда я нажимаю на каждую модель, чтобы показать мне его варианты, как на изображении ниже

Вот что я сделал в html:

     <div class="owl-carousel owl-theme no-pb slide-arrow-2" data- 
        dots="false" data-nav="true" data-items="4" data-lg-items="3" 
         data-md-items="2" data-sm-items="2" data-margin="30" data- 
         autoplay="false">
            <?php 
              $qua = "SELECT * FROM produse WHERE categorie = '$id' ORDER BY pozitie";
              $qla = mysqli_query($conn, $qua);
              while($rova = mysqli_fetch_assoc($qla)){?> 
                <?php 
                    $id_paletar = $rova['id'];
                    $sql2=mysqli_query($conn,"SELECT * FROM pret_produse WHERE produs_id='$id_paletar'");
                    $pret2=mysqli_fetch_array($sql2);
                 ?>
               <div class="item">
                  <div class="product-item">
                     <div class="product-img">
                        <img class="img-fluid" src="cms/produse/<?=$rova['poza'];?>" alt="">
                        <div class="product-overlay">
                           <ul class="list-unstyled">
                           </ul>
                        </div>
                     </div>
                     <div class="product-btn ifix">
                        <div class="btn btn-theme btn-block btn-new" ><span style="font-size: 15px;"><?=$rova['titlu'];?></span>
                            <div>
                            <label class="containere">
                              <input type="radio" name="produse" id="paletar_pret" class="palt" value="<?=$rova['id'];?>">
                              <p class="checkmark"></span>
                            </label>
                        </div>
                        </div>
                     </div>
                  </div>
               </div>
            <?php }?>
        </div>

Вот мой jquery:

$(document).ready(function(){

  $('.palt').change(function() {
      if(this.checked) {
        var check= $(this).val();
        alert(check);
          $.ajax({
                url: 'cere_cotatie.php',
                type: 'POST',
                data: {check:check},
                success: function(data){
                    $('.fetch').append(data);
                }
            });
      }
  });

А вот мой php-файл, который я использую для вызова ajax:

  <?php
  if($_POST)
 {
       include('config.php');

   echo $check = $_POST['check'];
   $s = "SELECT * FROM variante WHERE id_var='$check'"; 
   $q = mysqli_query($conn, $s);
   while ($r = mysqli_fetch_assoc($q)) {?>
     <div class="item" style="width:220px;">
          <div class="product-item">
             <div class="product-img">
                <img class="img-fluid" src="cms/variante/<?=$r['poza'];?>" alt="">
                <div class="product-overlay">
                   <ul class="list-unstyled">
                   </ul>
                </div>
             </div>
             <div class="product-btn ifix">
                <div class="btn btn-theme btn-block btn-new" ><span style="font-size: 15px;"> <?=$r['denumire'];?></span>  
                  <div>
                        <label class="containere">
                          <input type="checkbox">
                          <p class="checkmark"></span>
                        </label>
                  </div>

                </div>
             </div>
          </div>
       </div>
  <?php }?>

   <?php }
  ?>

Моя проблемаэто, если я установил первый флажок, чтобы отобразить варианты того, что я проверял, но мой код делает это так, если я установил первый флажок, загружает данные, и после этого, если я установил другой флажок, результаты из первого окна должны исчезнуть и быть только тем, чтоя проверяю.РЕДАКТИРОВАТЬ: на этом экране печати вы можете увидеть проблему.

Answer 1

Я думаю, вы должны добавить ниже код

$('.palt').change(function(e) {
   e.preventDefault();
});

и удалить alert(check);

Надеюсь, это сработает для вас.