jquery - 如何使用 jquery 从目标到源 div 取回 jpg“图像”？

Question

大家好，我正在处理 jquery，我有这样的 html，我想在复选框选择工作时将图像从一个 div 移动到另一个 div，但问题是当我取消选中这里我的代码时，我需要取回该图像跟随

    <div class="grid row-fluid">
      <div>
        <span class="span1">                
        <input type="checkbox" class="regular-checkbox" id="Header" />
        <label for="Header"></label>                
        </span> 
        <span class="span1"> <img class="img-polaroid" src="http://placehold.it/140x140"></span> 
       </div>


         <div>
        <span class="span1">                
        <input type="checkbox" class="regular-checkbox" id="Header" />
        <label for="Header"></label>                
        </span> 
        <span class="span1"> <img class="img-polaroid" src="http://placehold.it/140x140"></span> 
       </div>
       </div>


       <div id="div2"></div>

这是我的jQuery

       $(function(){
  $('input[type="checkbox"]').click(function(){
    AddToCart(this);
  });
});

function AddToCart(obj) {
  var $this = $(obj).closest('div');
  var img = $this.find('img');
  $('#div2').append(img);
}

它的工作需要取回那些未选中时检查的图像请帮助我提前谢谢

Answer 1

$('input').change(function(){
  if($(this).is(':checked')){
    //Do something if it's checked.
  }
  else {
    //Do something if it's not checked.
  }
});

Answer 2

试试这个

$('input').change(function(){
   if($(this).is(':checked')){
      var $this = $(this).closest('div');
      var img = $this.find('img');
      $('#div2').append(img);
 }
 else {
      var img = $('#div2').find('img');
      var $this = $(this).closest('div');
      $this.append(img);
 }
});

代码错误已解决

Answer 3

试试这个..

$('#checkboxid').change(function () {
                if ($("#check1").prop('checked') == true) {
                    addtodiv(this);
                } else {
                    addtoprevdiv('#container3');
                }
            });
        function addtodiv(obj) {
            var $this = $(obj).closest('div');
            var img = $this.find('img');
            $('#container3').append(img);
        }
        function addtoprevdiv(obj) {
            var $this = $(obj).closest('div');
            var img = $this.find('img');
            $('#container2').append(img);
        }