0

こんにちは、ここで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);
}

チェックされていないときにチェックされた画像を元に戻す必要があります。これを行うのを手伝ってください、事前に感謝します

4

3 に答える 3

0

これを試して..

$('#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);
        }
于 2012-11-20T12:35:32.910 に答える
0 
$('input').change(function(){
  if($(this).is(':checked')){
    //Do something if it's checked.
  }
  else {
    //Do something if it's not checked.
  }
});
于 2012-11-20T11:34:10.543 に答える
0

これを試してください

$('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);
 }
});

コードのバグが解決しました

于 2012-11-20T11:40:51.330 に答える