如果选中单选按钮未运行

Question

我正在尝试在选择单选按钮时显示div，但它没有运行。我包含所有jQuery文件等，我的控制台没有显示任何错误：

输入：

<input type="radio" value="1" id="international" name="international"/>

Javascript：

if($('#international').prop('checked') == true){
  alert('test');
  $("#internationalprice").show();
}

Answer 1

您需要向元素添加change事件侦听器：

Example Here

$('#international').on('change', function () {
    if (this.checked) {
        $("#internationalprice").show();
    }
});

---

如果你想在没有jQuery的情况下实现这个目标：

Example Here

document.getElementById('international').addEventListener('change', function () {
    if (this.checked) {
        document.getElementById('internationalprice').style.display = 'block';
    }
});