Javascript 克隆时如何通过单选按钮动态控制复选框

我有这个表单，您可以单击链接克隆表单字段。我还在每个克隆的顶部有一个Selectif单选按钮，它隐藏并显示复选框。我无法理解为什么我可以在第一次迭代中这样做，以及如何使它在每个克隆中都能工作

          <tr>
            <td> First name:</td>
            <td><input name="first_name_id_1" type="text" id="first_name_id_1" size="15" class="required"></td>
              </tr>
          <tr>
            <td> Last name:</td>
            <td><input name="last_name_id_1" type="text" id="last_name_id_1" size="15" ></td>
          </tr>
          <tr>

    </tbody>
    <tr>
        <td><a href="#" onClick="addFormField(); return false;">Register additional attendee</a></td>    
      </tr>
      <tr>  

我的html看起来像这样

          <tr>
            <td> First name:</td>
            <td><input name="first_name_id_1" type="text" id="first_name_id_1" size="15" class="required"></td>
              </tr>
          <tr>
            <td> Last name:</td>
            <td><input name="last_name_id_1" type="text" id="last_name_id_1" size="15" ></td>
          </tr>
          <tr>

    </tbody>
    <tr>
        <td><a href="#" onClick="addFormField(); return false;">Register additional attendee</a></td>    
      </tr>
      <tr>  

          <tr>
            <td> First name:</td>
            <td><input name="first_name_id_1" type="text" id="first_name_id_1" size="15" class="required"></td>
              </tr>
          <tr>
            <td> Last name:</td>
            <td><input name="last_name_id_1" type="text" id="last_name_id_1" size="15" ></td>
          </tr>
          <tr>

    </tbody>
    <tr>
        <td><a href="#" onClick="addFormField(); return false;">Register additional attendee</a></td>    
      </tr>
      <tr>  

由于某些原因，提琴不起作用，但我在克隆此表单上的元素时没有问题，我的问题是，如果用户单击顶部的第二个单选按钮，则复选框变灰，并且在每次用户单击注册新与会者时，该选项可用。 希望小提琴能给你一些想法。

---

好的，我已经把它修好了一点。有一些错误的想法，从来没有使它的工作，不是在逻辑格式，所以我不得不修改它一点。

          <tr>
            <td> First name:</td>
            <td><input name="first_name_id_1" type="text" id="first_name_id_1" size="15" class="required"></td>
              </tr>
          <tr>
            <td> Last name:</td>
            <td><input name="last_name_id_1" type="text" id="last_name_id_1" size="15" ></td>
          </tr>
          <tr>

    </tbody>
    <tr>
        <td><a href="#" onClick="addFormField(); return false;">Register additional attendee</a></td>    
      </tr>
      <tr>  

虽然不漂亮，但它很管用，我希望它不会打乱你的概念。 onClick attr触发器不起作用，所以我稍微改变了设计。我想你可以修改，如果它是另一种方式，我可以帮助你，如果有任何问题

          <tr>
            <td> First name:</td>
            <td><input name="first_name_id_1" type="text" id="first_name_id_1" size="15" class="required"></td>
              </tr>
          <tr>
            <td> Last name:</td>
            <td><input name="last_name_id_1" type="text" id="last_name_id_1" size="15" ></td>
          </tr>
          <tr>

    </tbody>
    <tr>
        <td><a href="#" onClick="addFormField(); return false;">Register additional attendee</a></td>    
      </tr>
      <tr>  

然而，如果你在事件驱动的设计上投入时间，你将更容易出错。在这种js编码方式下，您总是会遇到问题，并且无法维护。假设你想改变你的逻辑，你必须修改很多。这段用于调试的时间可以用于改进编码

          <tr>
            <td> First name:</td>
            <td><input name="first_name_id_1" type="text" id="first_name_id_1" size="15" class="required"></td>
              </tr>
          <tr>
            <td> Last name:</td>
            <td><input name="last_name_id_1" type="text" id="last_name_id_1" size="15" ></td>
          </tr>
          <tr>

    </tbody>
    <tr>
        <td><a href="#" onClick="addFormField(); return false;">Register additional attendee</a></td>    
      </tr>
      <tr>  

这是小提琴，比尔

          <tr>
            <td> First name:</td>
            <td><input name="first_name_id_1" type="text" id="first_name_id_1" size="15" class="required"></td>
              </tr>
          <tr>
            <td> Last name:</td>
            <td><input name="last_name_id_1" type="text" id="last_name_id_1" size="15" ></td>
          </tr>
          <tr>

    </tbody>
    <tr>
        <td><a href="#" onClick="addFormField(); return false;">Register additional attendee</a></td>    
      </tr>
      <tr>  

---

如果您提供一些我可以帮助您的示例，请使用.delegate（）out@kidwon：非常感谢。我想知道我在做什么。我会变灰，因为你在左边加载jQuery，我知道你的目标是什么？这只是第一次，当我单击添加其他与会者时，复选框不会变灰，我尝试增加无线电组名，但每次克隆时都很难将复选框置为灰色。非常感谢。好的，我稍后会检查并修复它！它在设计方面写得非常糟糕，你应该读一些事件驱动的js书籍。这个设计太糟糕了。非常感谢你的帮助。我周末也要工作了。真的很感激你的工作，以后会记得的。