2010-11-02 49 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()到點擊事件附加到這些元素。類似於