单选按钮点击后如何清除输入字段?
P粉396248578
P粉396248578 2023-09-02 16:07:22
[CSS3讨论组]

点击“从日期选择推文数量”后,必须删除“选择结束日期”输入字段。有人可以帮我吗?这是代码:

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">选择日期范围 <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>

P粉396248578
P粉396248578

全部回复(1)
P粉327903045

按照你的#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>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号