简单的JS功能不起作用

Question

有谁知道为什么我的JS函数不起作用/我的价位div根本不显示任何内容？

HTML：

<div id="variant">
    <label><input type="radio" name="toggle" id="3"><span>A</span></label>
    <label><input type="radio" name="toggle" id="12" checked="checked"><span>B</span></label>
    <label><input type="radio" name="toggle" id="24"><span>C</span></label>
</div>
<br>
<div id="price"></div>

JS：

function setPrice() {
  if (document.getElementById('3').checked) {
    document.getElementById('price').innerHTML = "19,99€";
  } else if (document.getElementById('12').checked) {
    document.getElementById('price').innerHTML = "<<<";
  } else (document.getElementById('24').checked) {
    document.getElementById('price').innerHTML = "xxx";
  }
}

Answer 1

“其他”条件不接受语句，而是IF / ELSE IF接受语句。 请查看更新的代码段！

 function setPrice() { if (document.getElementById('3').checked) { document.getElementById('price').innerHTML = "19,99€"; } else if (document.getElementById('12').checked) { document.getElementById('price').innerHTML = "<<<"; } else if (document.getElementById('24').checked) { document.getElementById('price').innerHTML = "xxx"; } } setPrice(); 

 <div id="variant"> <label><input type="radio" name="toggle" id="3" onClick="setPrice();"><span>A</span></label> <label><input type="radio" name="toggle" id="12" onClick="setPrice();" checked="checked"><span>B</span></label> <label><input type="radio" name="toggle" id="24" onClick="setPrice();"><span>C</span></label> </div> <br> <div id="price"></div> 

Answer 2

该错误来自两个来源。

1. 您没有在调用setPrice()
2. 您的else (document.getElementById('24').checked)行else (document.getElementById('24').checked) 。 不应该有一个条件，如果没有一个if