Question

我有两个单选按钮，应根据哪个元素处于活动状态为两个单独的元素分配一个值。

这是HTML：

<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>

<input id="Radio1" onclick="radio1click()" name="Radios" type="radio" value="Value 1" checked>
<label for="Radio1">
  Value 1
</label>

<input id="Radio2" onclick="radio2click()" name="Radios" type="radio" value="Value 2">
<label for="Radio2">
  Value 2
</label>

<span id="element-1" valuereada="1">
  Block 1
</span>

<span id="element-2" valuereadb="1">
  Block 2
</span>

这是JavaScript：

  <script>
  function radio1click() {
    var variable1 = document.getElementById('element-1');
    variable1.setAttribute('valuereada', 1);
    var variable2 = document.getElementById('element-2');
    variable2.setAttribute('valuereadb', 1);

  }
  function radio2click() {
      var variable1 = document.getElementById('element-1');
      variable1.setAttribute('valuereada', 2);
      var variable2 = document.getElementById('element-2');
      variable2.setAttribute('valuereadb', 2);
  }
  </script>

当我使用inspect元素时，我发现这些值确实发生了预期的变化。但是，我注意到在刷新Safari上的浏览器并恢复测试后，它停止工作。

我发现问题直接归因于jQuery依赖关系。尽管在示例中未使用jQuery，但仍在寻找一种解决问题的方法。即使在此代码的上下文中未使用依赖项，如何在仍保持依赖关系的情况下进行这项工作？

如何防止jQuery干扰Safari中的JavaScript？

0 个答案: