Afficher le tableau HTML sur la sélection de la radio

Question

Pouvez-vous s'il vous plaît aidez-moi à ce sujet. J'ai une table principale [item_attr] avec le bouton radio & zone de texte où je peux ajouter plus de lignes et les supprimer aussi. Mais lorsque je sélectionne une table enfant d'élément de ligne, [item_attr_values] doit afficher des valeurs enfant.

J'ai implémenté des lignes add/del en utilisant jQuery mais je ne dois pas afficher la table enfant sur la sélection radio. Voici le code:

$(document).ready(function(){ 
var counter = 2; 
$("#addButton").click(function() { 
    var itemAttr = $("#TextBoxDiv1"); 
    var newDiv = itemAttr.clone().appendTo(itemAttr.parent()).attr("id", 
'TextBoxDiv' + counter); 
    counter++; 
}); 

$("#removeButton").click(function() { 
    if(counter==1){ 
     alert("No more textbox to remove"); 
     return false; 
    } 
    counter--; 
    $("#TextBoxDiv" + counter).remove(); 
    }); 
}); 
</script> 

<form> 
<div id='TextBoxesGroup'> 
    <div id="TextBoxDiv1"> 
     <input type="radio" name="radio" value="" > 
     <input type='textbox' id='textbox1' value="Ticket height" > 
    </div> 
</div> 
    <input type='button' value='Add Item Attribute' id='addButton'> 
    <input type='button' value='Edit Item Attribute' id='editButton'> 
    <input type='button' value='Remove Item Attribute' id='removeButton'> 
</form> 

Answer 1

S'il vous plaît jeter un oeil à celui-ci

http://jsfiddle.net/Z4sVW/4/

Vous pouvez utiliser .clone() pour obtenir de nouvelles copies d'éléments existants.

Modifier

Pour déclencher un événement de clic pour les boutons radio, leur donner un nom de classe, puis utiliser .live() pour attacher un événement de clic à ces éléments. Quelque chose comme