Wie lösche ich das Eingabefeld nach dem Klicken auf das Optionsfeld?

Question

Nach dem Klicken auf „Anzahl der Tweets ab Datum auswählen“ muss das Eingabefeld „Enddatum auswählen“ entfernt werden. Kann mir jemand helfen? Dies ist der Code:

function yesnoCheck() {
  if (document.getElementById('yesCheck').checked) {
    document.getElementById('ifYes').style.display = 'block';
  } else document.getElementById('ifYes').style.display = 'none';

}

<form>
  <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="noCheck">Datumsbereich auswählen <br>
  <br>
  <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="yesCheck">Anzahl der Tweets ab Datum auswählen<br><br>
  <div id="ifYes" style="display:none">
    Gewünschte Anzahl Tweets <input type="number" min="1" max="20" id='yes' name='yes'><br>
  </div>


  <br>
  <img src="icon2.png"><label for="date">Startdatum auswählen:</label><br>
  <input type="datetime-local" id="Test_DatetimeLocal"><br><br>
  <img src="icon2.png"><label for="date">Enddatum auswählen:</label><br>
  <input type="datetime-local" id="Test_DatetimeLocal"><br><br>
  <input type="submit" value="submit" class="submit">
</form>

Answer 1

按照你的#ifYes标签的方式来做。用div将输入和标签包裹起来，给它分配一个id，然后只需使用document.getElementById('select-end-period').style.display = 'none';

function yesnoCheck() {
  if (document.getElementById('yesCheck').checked) {
    document.getElementById('ifYes').style.display = 'block';
    document.getElementById('select-end-period').style.display = 'none';

  } else {
    document.getElementById('ifYes').style.display = 'none';
    document.getElementById('select-end-period').style.display = 'block';
  }
}

<form>
  <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="noCheck">选择期间 <br>
  <br>
  <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="yesCheck">从日期开始的推文数量<br><br>
  <div id="ifYes" style="display:none">
    期望推文数量 <input type="number" min="1" max="20" id='yes' name='yes'><br>
  </div>


  <br>
  <img src="icon2.png"><label for="date">选择开始日期:</label><br>
  <input type="datetime-local" id="Test_DatetimeLocal"><br><br>
  <div id="select-end-period">
    <img src="icon2.png"><label for="date">选择结束日期:</label><br>
    <input type="datetime-local" id="Test_DatetimeLocal"><br><br>
  </div>
  <input type="submit" value="提交" class="submit">
</form>