javascript - 单选按钮隐藏和显示表单内容

Question

我想根据哪个国家/地区创建注册表。默认地址表单是默认的可见输入当客户单击非英国单选按钮时，然后自动隐藏英国表单并打开非英国地址表单

我想我需要为这个功能使用 javascript 或 JQuery。

谁能给我关于这个功能的建议。如果您认为我的问题不能接受，请不要降低我的费率。如果你不喜欢，我可以删除我的问题。

这是我的表单代码

<form action="sent.php" name="form1" method="post">
  Name
  <input type="text" name="name" />
  <br />UK
  <input type="radio" name="from" value="UK">
  <br />Address Line 1
  <input type="text" name="ad1" />
  <br />Address Line 2
  <input type="text" name="ad2" />
  <br />Town
  <input type="text" name="town" />
  <br />Post Code
  <input type="text" name="post_code" />
  <br />EU
  <input type="radio" name="from" value="UK">
  <br />Address Line 1
  <input type="text" name="ad1" />
  <br />Address Line 2
  <input type="text" name="ad2" />
  <br />Town
  <input type="text" name="town" />
  <br />Post Code
  <input type="text" name="post_code" />
  <br />Country
  <input type="text" name="post_code" />
  <br />
</form>

Answer 1

您可以将除单选按钮之外的所有输入元素包装在两个不同的 div 中，这样您就可以捕获单选按钮的更改事件并相应地显示和隐藏两个 div。