Question

我有一个小的JavaScript代码，它可以在chrome上运行，但在边缘上不兼容。我可以进行哪些更改以使其兼容？

     var radioBtns = document.querySelectorAll('input[type=radio]')

    for (let i = 0; i < radioBtns.length; i++) {
        radioBtns[i].addEventListener('input', function () {
            document.querySelector('#estimate').innerHTML = `Total Due = $${this.value}`
        })
    }

Answer 1

将input更改为click，然后代码将在Edge中工作。

var radioBtns = document.querySelectorAll('input[type=radio]')

for (let i = 0; i < radioBtns.length; i++) {
    radioBtns[i].addEventListener('click', function () {
        document.querySelector('#estimate').innerHTML = `Total Due = $${this.value}`
    })
}

<input type="radio" name="quantity" value="100" /><text>100</text>
<input type="radio" name="quantity" value="200" /><text>200</text>
<div id='estimate'></div>

JavaScript代码在边缘不兼容

1 个答案: