Javascript 选中复选框时弹出

在estore上签出期间，我们有各种交付选项，对于特定交付选项，我们希望在选中时显示一个弹出框，特定选项复选框如下所示：

<input id="delivery_option_22_6" class="delivery_option_radio" type="radio" name="delivery_option[22]" data-key="76," data-id_address="22" value="76,">

有人能告诉我，当选中此复选框时，如何创建一个弹出窗口，以显示我们选择的消息吗

---

谢谢

首先确保脚本中有jQuery，然后

$('#delivery_option_22_6').on('change', function() {
    if ($(this).is(':checked')) {
        // Show popup window
        alert("selected");
    }
});

如需弹出窗口，请使用此库

还是这个

---

对收音机按钮使用

onclick

（无需JQuery）

类似这样的内容：

HTML:

---

示例：

这不是复选框，而是单选按钮。但是无论如何，既然您已经使用了jQuery标记，那么也可以使用jQueryUI:-或者您是在征求JavaScript教程的建议吗？同意，如果只是单击而不是更改时弹出alertUse，就不需要jQuery。

<input id="delivery_option_22_6" onclick="alert('message')" class="delivery_option_radio" type="radio" name="delivery_option[22]" data-key="76," data-id_address="22" value="76,">

<input id="delivery_option_22_6" class="delivery_option_radio"  type="radio" name="delivery_option[22]" data-key="76," data-id_address="22" value="76," data-popup="Test message">

<div class="popup" style="display:none"></div>

$('input[data-popup]').on('change', function(){
    if($(this).is(':checked')) {
        // Popup function
        $('.popup').text($(this).data('popup')).show();
    }
})