Javascript 如何基于单选按钮单击显示和隐藏div？

我试图做显示和隐藏的单选按钮点击div的基础上，但它不能完美地工作。 我目前正在使用javascript函数来控制内容显示

这是javascript代码：

function udatabase() {
    document.getElementById('ifCSV').style.display = "none";
}
function ucsv() {
    document.getElementById('ifCSV').style.display = "block";
}

这是我的单选按钮：

<input type="radio" name="data" onclick="udatabase()" id="udatabase"> Database
  <input type="radio" name="data" onclick="ucsv()" id="ucsv"> CSV <br/>
  <div id="ifCSV" style="display:none">
    <input name="csv" type="file" id="csv" accept=".csv" required/> <br/>
</div>

数据库
CSV

单击csv后，html页面中没有响应

---

您的javascript onclick函数名不能与输入文本中的id名相同。您应该更改其中一个名称

您的html代码如下：

  <input type="radio" name="data" onclick="udatabase()" id="udatabase"> Database
  <input type="radio" name="data" onclick="ucsv()" id="ucsv"> CSV <br/>

数据库
CSV

编辑后

  <input type="radio" name="data" onclick="udatabase()" id="tdatabase"> Database
  <input type="radio" name="data" onclick="ucsv()" id="tcsv"> CSV <br/>

数据库
CSV

更改名称后，此功能应能正常工作。

<script type="text/javascript">
window.onload = function() {
     document.getElementById('ifTSH').style.display = 'none';
     document.getElementById('ifUSD').style.display = 'none';
}

function yesnoCheck() {
    var testA=document.getElementById('testAmount').value;
    var dola=document.getElementById('fxd').value;

    if (document.getElementById('s').checked) {
        if(testA>50000){
        document.getElementById('ifTSH').style.display = 'block';
        document.getElementById('ifUSD').style.display = 'none';
        document.getElementById("ifUSD1").removeAttribute("required");
    }
    else{
         document.getElementById('ifTSH').style.display = 'none';
         document.getElementById('ifUSD').style.display = 'none';
         document.getElementById("ifUSD1").removeAttribute("required");
    }
    } 
    if (document.getElementById('d').checked) {
        if((testA*dola)>50000){
        document.getElementById('ifTSH').style.display = 'none';
        document.getElementById('ifUSD').style.display = 'block';
        document.getElementById('ifUSD1').setAttribute("required", "true");
       } 
       else {
           document.getElementById('ifTSH').style.display = 'none';
           document.getElementById('ifUSD').style.display = 'none';
           document.getElementById("ifUSD1").removeAttribute("required");
       }
  }
}

window.onload=函数（）{
document.getElementById（'ifTSH'）.style.display='none'；
document.getElementById（'ifUSD'）.style.display='none'；
}
函数yesnoCheck（）{
var testA=document.getElementById（'testAmount'）。值；
var dola=document.getElementById（'fxd'）.value；
if（document.getElementById（'s'）。选中）{
如果（测试值>50000）{
document.getElementById（'ifTSH'）.style.display='block'；
document.getElementById（'ifUSD'）.style.display='none'；
文件.getElementById（“ifUSD1”）。删除属性（“必需”）；
}
否则{
document.getElementById（'ifTSH'）.style.display='none'；
document.getElementById（'ifUSD'）.style.display='none'；
文件.getElementById（“ifUSD1”）。删除属性（“必需”）；
}
} 
if（document.getElementById（'d'）。选中）{
如果（（testA*dola）>50000）{
document.getElementById（'ifTSH'）.style.display='none'；
document.getElementById（'ifUSD'）.style.display='block'；
document.getElementById（'ifus1'）.setAttribute（“必需的”，“真的”）；
} 
否则{
document.getElementById（'ifTSH'）.style.display='none'；
document.getElementById（'ifUSD'）.style.display='none'；
文件.getElementById（“ifUSD1”）。删除属性（“必需”）；
}
}
}

---

为我工作。在onCLick中使用大写C，并在函数

onCLick=ucsv（）后加上分号可以在小提琴上工作，但不能在我的项目上工作