Javascript 隐藏四个单选按钮中的两个

我有一个小程序，它包含4个单选按钮，分别分为两个用于FromLocal的单选按钮和两个用于FromServer的单选按钮。 因此，我试图隐藏条件下的单选按钮： 如果选择了FromLocal中的任何单选按钮，则它将隐藏我为其编写的程序HTML的FromServer单选按钮：

这是我试图运行它的站点链接：

我试过了，但不知道为什么它不起作用，也许我写的代码不正确。 请帮我怎么弄到它

---

谢谢。

单击其他2个收音机按钮服务器/本地，将隐藏其他2个收音机按钮本地/服务器

$radiobutton1>input.changefunction{$server.hide} $server>input.changefunction{$radiobutton1.hide} 来自本地： 棕色局部 S3Remote -> 访问密钥ID: 访问密钥： 邮寄： FromServer： 服务器浏览器本地 服务器3远程

---

thnx很多它为我工作，但无法接受答案不知道为什么你的代码运行在Eclipse上时只是小提琴我不知道为什么它不工作我已经在我的主html文件中应用了它在线工作正常，但当我写同一个文件时它不工作请帮助如果可能考虑这个链接如果它有帮助，请你还要告诉你在控制台中得到的确切错误。我没有得到任何错误。唯一的问题是，我正在使用js一次运行整个程序。我正在编写javascript代码，但它隐藏的东西不起作用

<div id ="radiobutton1" >
  <strong>FromLocal:</strong>
  <input type="radio" name="target" value= "BrowserDownload">BrowseLocal
  <input type="radio" name="target" value="dumpToS3"  > S3Remote 

<br/>
</div>
<!-- <div> -->
<div id="textboxes" style="display: none" >
  <strong>ACCESS_KEY_ID: </strong>
  <input class="box"  type="text" / > <br/>
  <strong>ACCESS_SECRET_KEY: </strong>
  <input  class="box" type="text" /> <br/>
  <strong>MAIL: </strong>
  <input  class="box" type="text"  /> <br/>
</div>

  <strong>FromServer:</strong>
  <input type="radio" name="server" value="serverDownload" id ="radiobutton2" >ServerBrowseLocal
  <input type="radio" name="server" value="serverdumpToS3"id ="radiobutton2" > ServerS3Remote

$("input[name='target']").on('change',function(){
    if($(this).val() == "dumpToS3")
       $('#textboxes').show('slow');
    else
        $('#textboxes').hide();
});
$(function() {
if ($('#radiobutton2').is(':checked')) 
    $('#radiobutton1').hide();
 else if ($('#radiobutton1').is(':checked')) 
    $('#radiobutton2').hide();
});