如何根据单选按钮点击来显示和隐藏 div？

Question

我可以帮您翻译成中文。下面是翻译的结果：

我正在尝试根据单选按钮的点击来显示和隐藏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后，html页面没有反应。

- user3462511

---

你为我工作。你在onClick中使用大写字母C，并在函数onClick=ucsv();后加上分号。 - Govind Singh

可以在 Fiddle 上运行：http://jsfiddle.net/Vinay199129/xDCM4/ - Vinay Pratap Singh Bhadauria

但它无法在我的项目中工作。 - user3462511

Answer 1

您的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/>

编辑后

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

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

- user3454436

Answer 2

<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");
       }
  }
}

- JACKOB MAJANA