我有两个单选按钮,应根据哪个元素处于活动状态为两个单独的元素分配一个值。
这是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,但仍在寻找一种解决问题的方法。即使在此代码的上下文中未使用依赖项,如何在仍保持依赖关系的情况下进行这项工作?