首頁  >  問答  >  主體

單選按鈕點擊後如何清除輸入欄位?

<p>點擊「從日期選擇推文數量」後,必須刪除「選擇結束日期」輸入欄位。有人可以幫我嗎?這是代碼:</p> <p> <pre class="brush:js;toolbar:false;">function yesnoCheck() { if (document.getElementById('yesCheck').checked) { document.getElementById('ifYes').style.display = 'block'; } else document.getElementById('ifYes').style.display = 'none'; }</pre> <pre class="brush:html;toolbar:false;"><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> <img src="icon2.png"><label for="date">選擇結束日期:</label><br> <input type="datetime-local" id="Test_DatetimeLocal"><br><br> <input type="submit" value="提交" class="submit"> </form></pre> </p>
P粉396248578P粉396248578390 天前516

全部回覆(1)我來回復

  • P粉327903045

    P粉3279030452023-09-03 00:48:53

    按照你的#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>

    回覆
    0
  • 取消回覆