javascript - JQuery:在ajax生成的事件上注册事件

Question

通过ajax生成了如下代码:

<div class="momento-rating-input">
    <div>Rate this post</div>
    <div>
        <input type="radio" name="rateit" value="3" style="margin: 0 0.5ex 3px;" class="ratems" />Good
        <input type="radio" name="rateit" value="2" style="margin: 0 0.5ex 3px;" class="ratems" />Average
        <input type="radio" name="rateit" value="1" style="margin: 0 0.5ex 3px;" class="ratems" />Bad
    </div>
</div>

现在在 Javascript/JQuery 中，我需要清除选定的 radio 。我尝试以下代码。

$('input[type="radio"]').each(function(){
    if($(this).hasClass('ratems')){
        $(this).checked = false;
    }
});

以上代码无效。我知道我们应该使用 JQuery live 或 on 函数在 AJAX 生成的元素上注册事件。

但是我不想注册任何事件，而是要清除不同事件中的单选按钮，该事件可以毫无问题地触发。

如何清除这些单选按钮？

少量上下文，如果需要:此代码在灯箱上实现，按左/右键可更改图像。对于新图像，应清除 rating 单选按钮。

Answer 1

您可以尝试取消选中具有类名 ratems 的单选按钮

$('input[type="radio"].ratems').prop('checked', false);

而不是使用 $('input[type="radio"]').each(..)