主页 / 问题 / 1251797
Accepted
Oiki
Asked:2022-03-05 06:10:46 +0000 UTC2022-03-05 06:10:46 +0000 UTC

如何在点击时重新加载页面？

  • 772

我有一个页面，其中有一个带有不同复选框的块，有时我需要重置复选框，我决定不查找所有已启用的复选框并且不取消选中复选框，您可以简单地重新加载页面。

我以为我需要一个点击按钮来重新加载页面但我不明白如何编写代码，我唯一能做的就是添加一个按钮

document.querySelectorAll('.woosb-products').forEach(n => {
  n.insertAdjacentHTML('afterend', '<button id="my_s" >click me</button>');
});

但是如何在点击时重新加载页面，.....我想不通，我不明白，谷歌搜索没有帮助我，找到的例子不起作用..

如何在点击时重新加载页面完全弄清楚

document.querySelectorAll('.woosb-products').forEach(n => {
  n.insertAdjacentHTML('afterend','<button id="something" >Перезагрузить</button>');
});
$('#something').click(function() { location.reload();
});

...以及如何仅重新加载 class="myDiv" 块而不完全重新加载页面-如果可能的话...？
通过点击...

javascript

2 个回答

  1. 一切都简单得多，即使没有 js 你也可以这样做：

    <form id="form" action="">
    <input id="checkbox1" type="checkbox">
    <input id="checkbox2" type="checkbox">
    <input id="checkbox3" type="checkbox">
    <input id="checkbox4" type="checkbox">
    <input id="checkbox5" type="checkbox">
    <input id="checkbox6" type="checkbox">
    <input id="checkbox7" type="checkbox">
    <input id="checkbox8" type="checkbox">

    <input id="reset__button" type="reset">
</form>

    • 2
  2. Best Answer

    我决定不查找所有启用的复选框，也不删除复选框，您可以简单地重新加载页面。

    徒然

    let cb = document.querySelectorAll('#your-box [type="checkbox"]');

document.querySelector("#btn").addEventListener("click", function() {
  cb.forEach(e => e.checked = false);
});
    <button id="btn">reset</button>

<div id="your-box">
  <input type="checkbox">
  <span><input type="checkbox" checked></span>
  <input type="checkbox" checked>
  <span><input type="checkbox"></span>
  <input type="checkbox" checked>
  <span><input type="checkbox"></span>
  <input type="checkbox">
  <span><input type="checkbox" checked></span>
</div>

    重新加载特定块没有神奇的方法（似乎是o_O）。

    或者，您可以将所有内容包装在标签中<form>并使用其内置的form.reset()方法。只是，它将表单恢复到原始状态，并且不会禁用复选框。那些。如果某些默认情况下启用，它们将保持启用状态。

    • 0

相关问题