1

チェックされた要素を div から別の div に複製する際に問題に直面しています。チェックされた要素を取得できますが、すべての要素が追加されているわけではありません。これが私のコードです

HTML 

<section class="BusinessSelection">
     <p>
        <input  type="checkbox" class="checkedList">
        <span class="BuIcon"></span>
        <span>Business Unit 1</span>
     </p>
     <p>
        <input  type="checkbox" class="checkedList">
        <span class="BuIcon"></span>
        <span>Business Unit 2</span>
     </p>
</section>

Jクエリ

 var checkbox=$(this).find('.checkedList:checked');
    if(checkbox.attr('checked'))
    {
        var htmlcode=checkbox.parent().clone();
        ($('#dispbusiness').html(htmlcode));
    }
});

チェックされた要素がオーバーライドされ、最後にチェックされた要素のみが表示されます。

期待される出力チェック済み要素とその兄弟要素は、上下に表示する必要があります。

4

3 に答える 3

1

フィドル

$(document).on('click', 'input:checkbox',function(){ 
    if($(this).is(':checked'))
    {
       var htmlcode=$(this).parents('section').clone();
       $('#dispbusiness').html(htmlcode);
    }
});


<section class="BusinessSelection">
 <p>
    <input  type="checkbox" class="checkedList">
    <span class="BuIcon"></span>
    <span>Business Unit 1</span>
 </p>
 <p>
    <input  type="checkbox" class="checkedList">
    <span class="BuIcon"></span>
    <span>Business Unit 2</span>
 </p>
</section>

     <div id="dispbusiness"></div>
于 2013-09-17T12:28:32.957 に答える
0

この条件を内部で試してください

if(checkbox.is(':checked')) // this will condition return boolean true or false
{
    //yourcode
}

またはあなたが使用することができます

if(checkbox.attr('checked')=="checked") // this condition will return string 'checked' or 'undefined'
{
    //yourcode
}
于 2013-09-17T12:31:06.367 に答える
0

Jクエリ

$(".checkedList").change(function(){
    var container=$(this)closest('section');
    var chkList=$(".checkedList",container).is(":checked");
    var result="";
    chkList.each(function(){
         result += $(this).innerHTML();
    });
    $(".BusinessSelectionSelected").innerHTMl=result;
});

HTML

<section class="BusinessSelection">
 <input  type="checkbox" class="checkedList">pamm</input>
         <input  type="checkbox" class="checkedList">pamm1</input>
         <span class="BuIcon"></span>
         <span>Business Unit 1</span>
</section>
<section class="BusinessSelectionSelected">

</section>
于 2013-09-17T12:26:11.810 に答える