Question

我正在使用jquery将复选框的值附加到无序列表中。我能解决的问题是如何仅使用li作为可点击链接而不是取消选中复选框，从而再次从列表中删除项目（切换）。

我在下面包含了html和Jquery：

  function(){
$('.chkbox').change(
    function(){
        if ($(this).is(':checked')) {
         text = $(this).val();
         price = $(this).data('price');
         $('<li />').appendTo('#addedtolist ul').text($(this).val());
        } 
          else {
           $('li a').click(function() {
           $('ul.summary a').remove();
           return false;
            });
}

          $.ajax({
            type: 'POST',
            url: 'ajax.php',
            data: {'name': text,'price':price },
            success: function(msg) {

                }
            });  
        }
    }); 
});

HTML

  <div id="addedtolist">
 <ul class='summary'>

 <li class="pink">Summary</li>

 <?php 
 $totalprice = 0;
 $totalprice = $ingredient['price'] + $totalprice;

 if (is_array($_SESSION['ingredients'])){
     foreach ($_SESSION['ingredients'] as $ingredient) {?>
     <li><span class="truncate"><?php echo $ingredient['name'] ;?></span>
      <strong>£<?php echo $ingredient['price'] ;?></strong>
      <a href="#">remove</a></li>
     <?php  $totalprice = $ingredient['price'] + $totalprice;


      }

     }
      echo "</ul>
      </div>";

任何帮助将不胜感激，谢谢，梅尔

使用复选框/链接向div添加和删除复选框

0 个答案: