如何在 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');
});

如何在 ajax 加载表单中检测事件检查无线电输入

How to detect event checked radio input in ajax load form

javascript

ajax

jquery

uikit