Comment effacer le champ de saisie après avoir cliqué sur le bouton radio ?

Question

Après avoir cliqué sur "Sélectionner le nombre de tweets à partir de la date", le champ de saisie "Sélectionner la date de fin" doit être supprimé. Quelqu'un peut-il m'aider? Voici le code :

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

}</pré>
<pre class="brush:html;toolbar:false;"><form>
  <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="noCheck">Sélectionner une plage de dates <br>
  <br>
  <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="yesCheck">Sélectionner le nombre de tweets à partir de la date<br><br>
  <div id="ifYes" style="display:none">
    Nombre de tweets souhaité <input type="number" min="1" max="20" id='yes' name='yes'><br>
  </div>


  <br>
  <img src="icon2.png"><label for="date">Sélectionnez la date de début :</label><br>
  <input type="datetime-local" id="Test_DatetimeLocal"><br><br>
  <img src="icon2.png"><label for="date">Sélectionnez la date de fin :</label><br>
  <input type="datetime-local" id="Test_DatetimeLocal"><br><br>
  <input type="submit" value="submit" class="submit">
</form>

Answer 1

Suivez votre #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>