php - 如何将事件与jquery中通过ajax生成的动态值绑定(bind)

Question

这个问题已经有答案了:

Bind events on dynamic created elements inserted by AJAX (check box) (2 个回答)

已关闭 9 年前。

我在动态生成复选框时遇到问题。我已经尝试过这样的:

<select name="model" id="model" class="" aria-invalid="false">
<option value="1">iPhone 5</option>
<option value="2">Iphone 4S</option>
<option value="3">Iphone 4</option>
</select>

根据上面选择的值，这些复选框将通过ajax生成。以下是通过ajax生成的元素:

<p><input type="checkbox" id="screenguard" name="screenguard" value="20" />Cover</p>
<p><input type="checkbox" id="Charger" name="Charger" value="30" />Charger</p>
<p><input type="checkbox" id="hdphdm" name="hdphdm" value="10" />Headphone</p>

<p>
 Calculated Price: <input type="text" name="price" id="price" />
</p>

根据复选框的选择，我需要计算另一个输入框的值(价格)。这是我的 Jquery 函数:

$(document).ready(function () {
var $inputs = $('input[type="checkbox"]')
    $inputs.on('change', function () {
        var sum = 0;
        $inputs.each(function() {
        // iterate and add it to sum only if checked
           if(this.checked)
               sum += parseInt(this.value);
        });
        $("#price").val(sum);

    });
});

但我不知道为什么它不起作用。请给我任何建议，我做错了什么。

Answer 1

您需要使用event delegatio像这样 -

$(document.body).on('change','input[type="checkbox"]', function () {