Javascript 选中/取消选中单选按钮，取消选中时隐藏选项

我有两个单选按钮，当我点击其中一个时，我会看到下拉菜单，其中必须选择金额

到目前为止，我能够让它选中/取消选中它们，但问题是，当我取消选中单选按钮时，下拉列表不会再次隐藏

我的javascript不是很好，所以请在这方面提供帮助。下面是代码的一部分

  <div class="radio">
        <label><input type="radio" autocomplete="off" id="paypal" name="paypal"></label> PayPal
    </div>
    <div class="radio">
        <label><input type="radio" autocomplete="off" name="bank" id="bank"></label> Bank
    </div>

    <div class="form-group">
 <span id="paypalamount" style="display:none">         
        <label class="col-sm-3 control-label" for="price"></label>

        <div class="col-sm-9">
            <div class="input-group">
                <span class="input-group-addon">$</span>
                <select id="paypalamount" required="required" class="form-control">
                   <option selected value="50">50</option>
                </select>
            </div>
        </div>
 </span>           
 <span id="bankamount" style="display:none">      
        <label class="col-sm-3 control-label" for="price">Please Choose Amount to Deposit</label>      
        <div class="col-sm-9">
            <div class="input-group">
                <span class="input-group-addon">$</span>
                <select id="bankamount" required="required" class="form-control">
                     <option selected value="50">50</option>
                    <option value="100">100</option>
                </select>
            </div>
        </div>            
    </div>              
  </span>

---

这是上面代码的工作演示

使用下面的代码检查是否选中了单选按钮

if($("input:radio[name=paypal]:checked").val())
    alert("checked");
else
    alert("Not checked");

---

执行隐藏和显示if-else条件的过程。

使用以下代码检查是否选中了单选按钮

if($("input:radio[name=paypal]:checked").val())
    alert("checked");
else
    alert("Not checked");

---

执行隐藏和显示if-else条件的过程。

您只需检查

单选按钮的值是否为未检查的
值。如果未选中，请在
Javascript
中再次为相应的下拉列表设置样式属性
display:none

就像您对选中的
单选按钮的
状态所做的那样，只需更改条件和操作，就像您希望选中的
单选按钮那样。
您只需检查未选中的
单选按钮的值。如果未选中，请在
Javascript
中再次为相应的下拉列表设置样式属性
display:none

就像您对选中的
单选按钮的
状态所做的那样，只需更改条件和操作，就像您希望单选按钮的行为一样。

$（文档）.ready（函数（）{
$（“：radio[name=bankpaypal]”。更改（函数（）{
如果（$（this）.is（':checked'））{
var name=$（this.attr（'id'））
$（'span'）.hide（）
$（‘span#’+name+‘amount’）.show（）
}
});
});

贝宝
银行
$
50
请选择存款金额
$
50
100

$（文档）.ready（函数（）{
$（“：radio[name=bankpaypal]”。更改（函数（）{
如果（$（this）.is（':checked'））{
var name=$（this.attr（'id'））
$（'span'）.hide（）
$（‘span#’+name+‘amount’）.show（）
}
});
});

贝宝
银行
$
50
请选择存款金额
$
50
100
两个单选按钮应具有相同的名称，因为在任何时候您都希望选择其中一个。ID也应为唯一的。这可能有助于您获得bitI喜欢的解决方案@guradio。谢谢s@Garg只需检查span的id并选择“我已更改它们id应唯一”，单选按钮的id也应唯一，它们必须具有相同的名称，因此您只能选择1..两个单选按钮应具有相同的名称，因为在任何时候您都希望选择它们中的任何一个。同时id应唯一请参阅这可能有助于您找到bitI喜欢的解决方案@古拉迪奥。谢谢s@Garg只需检查span的id，并选择“我更改了他们的id应该是唯一的”，对于单选按钮，他们必须具有相同的名称，因此您只能检查1。。