チェックボックスがオフの場合、divから要素を削除するにはどうすればよいですか？

Question

チェックボックスがオフの場合、divから要素を削除するにはどうすればよいですか？私はdispCmpName関数が呼び出されるとid キャンペーン名-DISPでpタグにdivの下のキャンペーン名を追加します]チェックボックスをオンにしたときに

function dispCmpName(id) { 

      var campdip = $('#camp' + id).html(); 
      if ($("#campaign-name-disp").text().search("" + campdip) === -1) { 
       $("#campaign-name-disp").append('<br/><div id=campSub'+ id +'>'+ campdip + '<img src="./images/remove.png"alt="Delete Campaign" title="Delete Campaign" style="cursor: pointer" onclick="deleteCamp()"/>'+'</div>'); 
      } else { 
       alert(id); 
       $('#campaign-name-disp).remove(campdip); 
      } 
     } 

<div> 
    <p id="campaign-name-disp"></p> 
</div> 

<input type="checkbox" class="checkBoxClass1" id="${campDetails.campaignId}" name="campaignId" value="${campDetails.campaignId}" onclick="dispCmpName(${campDetails.campaignId})"/> 

<td id="camp${campDetails.campaignId}">${campDetails.campaignName}</td> 

。チェックボックスをオフにすると、div IDを使用してpタグからキャンペーン名を削除します。チェックされていないときに名前を削除する方法を教えてもらえますか？

注：各div idは一意です。私のdiv idはこのようになります

<p id="campaign-name-disp"> 
<div id="campSub382581148">campaign name 1</div> 
<div id="campSub382581148">campaign name 2</div> 
</p> 

Answer 1

関数が呼び出されると、チェックボックスがオンになっているかどうかをチェックできます。 ここではあなたがそれを確認する方法の例を見ることができます：

if(document.getElementById(<id>).checked) {} 

How to check whether a checkbox is checked in jQuery?

Answer 2

あなたが変更イベントを使用して、よりきれいにそれを行うと、何をすべきかを決定するために、チェックボックスのプロパティを「確認」を使用することができます。

$(".campaignCheckBox").change(function(event) { 
    var id = $(this).val(); 

    if ($(this).prop("checked") == true) { 
    $("#campaign-name-disp").append('<span id="campaign-name-' + id + '">' + $('#camp' + id).html() + '</span>'); 
    } 
    else { 
    $("#campaign-name-" + id).remove(); 
    } 
}); 

と

<input type="checkbox" class="checkBoxClass1 campaignCheckBox" id="${campDetails.campaignId}" name="campaignId" value="${campDetails.campaignId}" /> 

：そして、あなたはあなたがそれらを削除する際にハンドルとして使用するために何かを持っているので、要素に（私は複数のものが存在することができると仮定している）、各キャンペーン名をラップする必要があります