Javascript显示隐藏两个单选按钮的公共Div

伙计们，这和互联网上的答案没什么不同。这里我有3个单选按钮和2个分区，它们主要是隐藏的。一个分区（如div1）代表一个单选按钮（如Radio1），另一个分区（如div2）代表另外两个单选按钮（如Radio2和Radio3）

下面是我的HTML代码

<div class="form-group">
     <label class="radio-inline">
        <input type="radio" onclick="javascript:radioCheck();" name="optionsRadiosInline" id="directradio" value="option1">Direct
     </label>

     <label class="radio-inline">
        <input type="radio" onclick="javascript:radioCheck();" name="optionsRadiosInline" id="chequeradio" value="option2">Cheque
      </label>

      <label class="radio-inline">
        <input type="radio" onclick="javascript:radioCheck();" name="optionsRadiosInline" id="cashradio" value="option3">Cash
      </label>
</div>

---

在上述情况下，单选1和单选3按钮工作正常。但当我单击单选2按钮时，所需的分区2不会出现。有谁能帮忙这里面的小问题是什么

请尝试以下代码

当您试图更改同一元素在两种不同条件下的显示时，如果，则需要使用

else。当您单击第三个时，根据您的代码，这是正常的，因为它不会转到第三个条件的else

当你点击第二个的时候，它也会转到第二个if和第三个else，所以框不会出现


功能无线电检查（）{
if（document.getElementById（'directradio'）。选中）{
document.getElementById（'showbank'）.style.display='block'；
}
否则{
document.getElementById（'showbank'）.style.display='none'；
}
if（document.getElementById（'chequeradio'）。选中）{
document.getElementById（'showcashbox'）.style.display='block'；
}
else if（document.getElementById（'cashradio'）。选中）{
document.getElementById（'showcashbox'）.style.display='block'；
}
否则{
document.getElementById（'showcashbox'）.style.display='none'；
}
}

直接的
支票
现金
评论
评论
如果要为两个复选框中的任何一个显示第二个div，则需要将条件检查组合起来，如下所示：

function radioCheck() 
 {
    if (document.getElementById('directradio').checked) {
        document.getElementById('showbank').style.display = 'block';
    }
    else {
        document.getElementById('showbank').style.display = 'none';
    }

    if (document.getElementById('chequeradio').checked || document.getElementById('cashradio').checked) {
        document.getElementById('showcashbox').style.display = 'block';
    }
    else {
        document.getElementById('showcashbox').style.display = 'none';
    }
}

如果我们执行您的代码，它将仅在单击第三个复选框时显示div，如果不是，则第三个复选框的else部分也是在第二个div单击时执行的最终代码。
谢谢@Arathi Sreekumar。明白了，明白了，伙计。谢谢你的帮助。：）很高兴帮助你。如果答案有帮助，请向上投票。：）
<div class="col-md-12" id="showcashbox" style="display:none;">
    <div class="form-group">
         <label class="col-sm-4 control-label">Comment </label>
              <div class="col-sm-6">
                   <textarea type="text" rows="3" class="form-control" name="comment" id="comment"></textarea>
              </div>
    </div>
</div>

function radioCheck() {
if (document.getElementById('directradio').checked) {
    document.getElementById('showbank').style.display = 'block';
}
else {
    document.getElementById('showbank').style.display = 'none';
}

if (document.getElementById('chequeradio').checked) {
    document.getElementById('showcashbox').style.display = 'block';
}
else {
    document.getElementById('showcashbox').style.display = 'none';
}

if (document.getElementById('cashradio').checked) {
    document.getElementById('showcashbox').style.display = 'block';
}
else {
    document.getElementById('showcashbox').style.display = 'none';
}
}

function radioCheck() 
 {
    if (document.getElementById('directradio').checked) {
        document.getElementById('showbank').style.display = 'block';
    }
    else {
        document.getElementById('showbank').style.display = 'none';
    }

    if (document.getElementById('chequeradio').checked || document.getElementById('cashradio').checked) {
        document.getElementById('showcashbox').style.display = 'block';
    }
    else {
        document.getElementById('showcashbox').style.display = 'none';
    }
}