ここでは、コードですPHP

Question

のチェックボックスの選択に基づいて削除/

を事業部を追加する方法：ユーザーがチェックボックスを選択するたびに、このコードでは

<div id="product"> 
<b>CHOOSE PRODUCT:<br></b> 
<input type="checkbox" name="fruits" value="1">Orange<br> 
<input type="checkbox" name="fruits" value="2">Grapes<br> 
<input type="checkbox" name="fruits" value="3">Apple<br> 
<input type="checkbox" name="fruits" value="4">Guava<br> 
</div> 
<div id="description"> 

</div> 
<script> 
$(document).ready(function(){ 
    $('input[type="checkbox"]').change(function(event) { 
     var val=$(this).attr("value"); 
     $('#description').append('<div id='+val+'><input type="text" name="id[]" value="'+val+'"><input type="text" name="desc" value=""></div>'); 
    }); 
}); 
</script> 

は、div要素が持つ説明のdiv内に作成なっています選択したチェックボックスの値としてidを使用します。

今、私は、ユーザーが任意の確認要素のチェックを外した場合、対応するdiv要素も削除する必要があり、機能を必要とします。

Answer 1

<div id="product"> 
<b>CHOOSE PRODUCT:<br></b> 
<input type="checkbox" name="fruits" value="1">Orange<br> 
<input type="checkbox" name="fruits" value="2">Grapes<br> 
<input type="checkbox" name="fruits" value="3">Apple<br> 
<input type="checkbox" name="fruits" value="4">Guava<br> 
</div> 
<div id="description"> 

</div> 
<script> 
$(document).ready(function(){ 
    $('input[type="checkbox"]').change(function(event) { 
     var val=$(this).attr("value"); 
     if ($(this).is(":checked")) { 
      $('#description').append('<div id='+val+'><input type="text" name="id[]" value="'+val+'"><input type="text" name="desc" value=""></div>'); 
     } else { 
      $("#" + val).remove(); 
     } 
    }); 
}); 
</script>