如何以 ajax 加载形式检测事件检查的无线电输入

Question

我正在使用 Uikit 无线电输入 (https://altair-html.tzdthemes.com/forms_regular.html)。

问题是无线电输入在代码和现场显示之间转换 使用 Ajax 加载我的表单后，我想在每次更改后提醒单选选项的值。

这是我的代码： HTML：

<div class="uk-width-medium-1-2">
<h5>Radio set 1</h5>
<div class="uk-grid" data-uk-grid-margin>
    <span class="icheck-inline">
        <input type="radio" name="radio_opt" id="radio_opt_1" value="Yes" data-md-icheck />
        <label for="radio_opt_1" class="inline-label">Oui</label>
    </span>
    <span class="icheck-inline">
        <input type="radio" name="radio_opt" id="radio_opt_2" value="Non" data-md-icheck />
        <label for="radio_opt_2" class="inline-label">No</label>
    </span>
</div>
</div>
<div class="uk-width-medium-1-2">
<h5>Radio set 2</h5>
<div class="uk-grid" data-uk-grid-margin>
    <span class="icheck-inline">
        <input type="radio" name="radio_opt_second" id="radio_opt_3" value="Yes" data-md-icheck />
        <label for="radio_opt_3" class="inline-label">Oui</label>
    </span>
    <span class="icheck-inline">
        <input type="radio" name="radio_opt_second" id="radio_opt_4" value="Non" data-md-icheck />
        <label for="radio_opt_4" class="inline-label">No</label>
    </span>
</div>
</div>

然后这里是我的 JS（不起作用）

$(document).on('change', 'input:radio', function () {
     alert('test');
});

Answer 1

该主题使用iCheck，根据您应该使用的文档：

$('input:radio').on('ifChecked', function(event) {
     alert('test');
});