Question

我在使用jQuery＆amp; s时遇到了一些麻烦表格上的ajax。我使用以下代码片段在单选按钮上切换“已检查”类，以便我可以更改背景颜色。

<script>
jQuery(function () {
    $('input[type="radio"]').change(function () {
        $('input[name="' + this.name + '"]').not(this).next().removeClass('checked');
        $(this).next().toggleClass('checked', this.checked)
    })
})(jQuery);
</script>

这个代码段最初工作正常，但是我使用的表单使用ajax并且jQuery在调用后停止工作。

我希望有人可以提供帮助。

谢谢！

Answer 1

所以，谢谢你指出我正确的方向并解释。

我已将我的代码段修改为以下内容，现在它按预期工作：

<script>
$(document).on('click', function() {
    $('input[type="radio"]').change(function () {
        $('input[name="' + this.name + '"]').not(this).next().removeClass('checked');
        $(this).next().toggleClass('checked', this.checked)
    })
});
</script>

Answer 2

将此格式用于更改事件：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).on("change","input[type='radio']",function () {
    $('input[name="' + this.name + '"]').not(this).next().removeClass('checked');
    $(this).next().toggleClass('checked', this.checked);
});
</script>

调用AJAX后jQuery停止工作

2 个答案: