Question

你能帮助我吗？我有一个主表[item_attr]，带有单选按钮＆amp;文本框，我可以添加更多行项目并删除它们。

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

我已经使用jQuery实现了add / del行，但我不是在无线电选择上显示子表。这是代码：

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

请看一下

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

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

修改的

要为单选按钮触发单击事件，请为其指定一个类名，然后使用.live()将click事件附加到这些元素。像
这样的东西
$("input:radio.classname").live("click", function(){ // your code to show child table };

在电台选择上显示HTML表格

1 个答案: