Javascript 如果选中单选按钮，则显示div

我在下面添加了完整的代码，但最重要的部分（至少我认为是这样）在下面：

<div id="daysPassed">
<h2>Ile pełnych dni minęło?</h2>
<form id="daysPassedForm">
    <label for="firstDateDP">Data początkowa:</label>
    <input type="text" id="firstDate">
    <fieldset>
        <input type="radio" id="toToday" name="todayOrSelected">    
        <label for="toToday">Do dziś</label>

        <input type="radio" id="toSelected" name="todayOrSelected"> 
        <label for="toSelected">Do wskazanej daty</label> 
        <div id="inputSelectedDiv" class="inputSelectedDiv">
            <p id="inputSelected">(<input type="text" id="selectedEndDate">)</p>
        </div> 

    </fieldset>
    <input type="button" value="Oblicz" id="calculateDifference">
    </form>
</div>

你的名字是什么？
数据początkowa：
杜子ś
《华尔街日报》有报道吗
（）

和javascript:

function toggleDateSelection () {
for (i = 0; i <= document.getElementsByName("todayOrSelected").length; i++) {
    if (document.getElementsByName("todayOrSelected")[1].checked) {
        if (document.getElementById("inputSelectedDiv").classList.contains("hidden")) {
            document.getElementById("inputSelectedDiv").classList.remove("hidden");
        }
    } else if (document.getElementsByName("todayOrSelected")[0].checked) {
        document.getElementById("inputSelectedDiv").classList.remove("hidden");
    }
}   
}
document.getElementById("toSelected").addEventListener("click", toggleDateSelection, false);
document.getElementById("toToday").addEventListener("click", toggleDateSelection, false);

函数切换日期选择（）{
对于（i=0；i这将适用于您。我已经为您更新了HTML和JS。请在（此处定义的
.hidden
类只是为了通过添加背景色向您显示它正在工作。您可以将该CSS更改为以下内容：）

CSS:

HTML:

好的，这就是你想要的答案

HTML

<div id="daysPassed">
<h2>Ile pełnych dni minęło?</h2>
<form id="daysPassedForm">
    <label for="firstDateDP">Data początkowa:</label>
    <input type="text" id="firstDate">
    <fieldset>
        <input type="radio" id="toToday" name="todayOrSelected">    
        <label for="toToday">Do dziś</label>

        <input type="radio" id="toSelected" name="todayOrSelected"> 
        <label for="toSelected">Do wskazanej daty</label> 
        <div id="inputSelectedDiv" style="display:none;" class="inputSelectedDiv">
            <p id="inputSelected">(<input type="text" id="selectedEndDate">)</p>
        </div> 

    </fieldset>
    <input type="button" value="Oblicz" id="calculateDifference">
    </form>
</div>


你的名字是什么？
数据początkowa：
杜子ś
《华尔街日报》有报道吗
（）

JS

function toggleDateSelection () {
for (i = 0; i <= document.getElementsByName("todayOrSelected").length; i++) {
    if (document.getElementsByName("todayOrSelected")[1].checked) {
        if (document.getElementById("inputSelectedDiv").classList.contains("hidden")) {
            document.getElementById("inputSelectedDiv").classList.remove("hidden");
        }
    } else if (document.getElementsByName("todayOrSelected")[0].checked) {
        document.getElementById("inputSelectedDiv").classList.remove("hidden");
    }
}   
}


document.getElementById('toToday').addEventListener('click',function(e){
    document.getElementById('inputSelectedDiv').style.display = 'block';
});
document.getElementById('toSelected').addEventListener('click',function(e){
    document.getElementById('inputSelectedDiv').style.display = 'block';
});

函数切换日期选择（）{
对于（i=0；我请尝试此脚本




函数checkelement（）{
var trigerA=document.getElementById（“d”）；
如果（trigerA.checked）{
var targetA=document.getElementById（“targetedera”）；
targetA.style.display='none'；
}否则{
}
}

整个JS都是为此而写的？那正是我想要的。谢谢！
.hidden {
    display:none;
}

<div id="daysPassed">
    <h2>Ile pełnych dni minęło?</h2>
    <form id="daysPassedForm">
        <label for="firstDateDP">Data początkowa:</label>
        <input type="text" id="firstDate">
        <fieldset>
            <input type="radio" id="toToday" name="todayOrSelected" />    
            <label for="toToday">Do dziś</label>

            <input type="radio" id="toSelected" name="todayOrSelected" /> 
            <label for="toSelected">Do wskazanej daty</label> 
            <div id="inputSelectedDiv" class="inputSelectedDiv">
                <p id="inputSelected">
                    (<input type="text" id="selectedEndDate" />)
                </p>
            </div>
        </fieldset>
        <input type="button" value="Oblicz" id="calculateDifference" />
    </form>
</div>

var tos = document.getElementsByName("todayOrSelected");
function toggleDateSelection () {
    var isd = document.getElementById("inputSelectedDiv");
    if (this.id === 'toToday') {
        isd.classList.add('hidden');
    }
    else if (this.id === 'toSelected') {
        isd.classList.remove('hidden');
    }
}
tos[0].addEventListener("click", toggleDateSelection, false);
tos[1].addEventListener("click", toggleDateSelection, false);

<div id="daysPassed">
<h2>Ile pełnych dni minęło?</h2>
<form id="daysPassedForm">
    <label for="firstDateDP">Data początkowa:</label>
    <input type="text" id="firstDate">
    <fieldset>
        <input type="radio" id="toToday" name="todayOrSelected">    
        <label for="toToday">Do dziś</label>

        <input type="radio" id="toSelected" name="todayOrSelected"> 
        <label for="toSelected">Do wskazanej daty</label> 
        <div id="inputSelectedDiv" style="display:none;" class="inputSelectedDiv">
            <p id="inputSelected">(<input type="text" id="selectedEndDate">)</p>
        </div> 

    </fieldset>
    <input type="button" value="Oblicz" id="calculateDifference">
    </form>
</div>

function toggleDateSelection () {
for (i = 0; i <= document.getElementsByName("todayOrSelected").length; i++) {
    if (document.getElementsByName("todayOrSelected")[1].checked) {
        if (document.getElementById("inputSelectedDiv").classList.contains("hidden")) {
            document.getElementById("inputSelectedDiv").classList.remove("hidden");
        }
    } else if (document.getElementsByName("todayOrSelected")[0].checked) {
        document.getElementById("inputSelectedDiv").classList.remove("hidden");
    }
}   
}


document.getElementById('toToday').addEventListener('click',function(e){
    document.getElementById('inputSelectedDiv').style.display = 'block';
});
document.getElementById('toSelected').addEventListener('click',function(e){
    document.getElementById('inputSelectedDiv').style.display = 'block';
});

<div id="targetedArea" onClick="checkelement()">
 <input id="d" type="radio" />
</div>

<script type="text/javascript">
   function checkelement(){
      var trigerA = document.getElementById("d");
         if(trigerA.checked){
            var targetA = document.getElementById("targetedArea");
            targetA.style.display = 'none';
         }else{
         }
   }
</script>