javascript - Javascript-Onchange Event for checkbox仅在Firefox和Opera中起作用？

这是两个我要更改CSS显示属性的按钮，具体取决于复选框的状态。

    <input type="submit" id="unchecked" class="button red" value="Start My PPI Claim" style="display:block" onclick="location.href = 'https://www.gladstonebrookes.co.uk/extended-form';" />
<input type="submit" id="checked" class="button yellow" name="submit" value="Start My PPI Claim" style="display:none" onClick="javascript:return fncValidateForm(this)" />

这是复选框的代码

<input type="checkbox" name="checkbox" id="checkbox" onchange="toggleCheckbox(this)" />

最后是Javascript函数

function toggleCheckbox (element) {
    if(element.checked) {
        document.getElementById("checked").style = "display:block";
        document.getElementById("unchecked").style = "display:none";
            }
    else if(!element.checked) {
        document.getElementById("checked").style = "display:none";
        document.getElementById("unchecked").style = "display:block";
  }
}

在Firefox和Opera中可以正常工作，但在Chrome，Safari和IE中，Onchange不会发生任何变化。有什么建议么？提前致谢。

最佳答案

你可以试试这个吗

function toggleCheckbox (element) {
    if(element.checked) {
        document.getElementById("checked").style.display = "block";
        document.getElementById("unchecked").style.display = "none";
            }
    else if(!element.checked) {
        document.getElementById("checked").style.display = "none";
        document.getElementById("unchecked").style.display = "block";
  }
}