2010-11-02 29 views
2

你能帮我解答一下吗?我有一个主表[item_attr]与单选按钮&文本框,我可以添加更多的行项目并删除它们。在收音机选择上显示HTML表格

但是,当我选择一个行项子表[item_attr_values]必须显示子值。

我已经实现了使用jQuery添加/删除行,但我不是在无线电选择显示子表。下面是代码:

$(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> 

回答

1

请在这一个

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

看看您可以使用.clone()获取现有元素的新副本。

编辑

要火单选按钮点击事件,给他们一个类名,然后使用.live()到点击事件附加到这些元素。类似于