Question

我在ajax调用后在页面上动态创建了复选框。

在这里使用几个帖子我能够将事件附加到复选框的容器div，并且事件现在激活。 HTML

<div class="AvailableProducts" id="AvailableProducts">
     <ul><input type="checkbox" id="availableProduct" value="Apple" class="productsSelected"><span>Apple</span> 
     <br><input type="checkbox" id="availableProduct" value="Orange" class="productsSelected"><span>Orange</span> <br>
     </ul>
</div>

我将事件连线如下

$(document).ready(function () {
        $('#AvailableAdvertisers').live('change', 'input:checkbox', function () {
            alert('Fired!');
        });
 });

现在我不知道如何选中哪个复选框。感谢。

编辑：得到它了。我可以用下面的代码

来做到这一点

$(this + ":checked").val()
$(this + ":checked + span").text()

Answer 1

$('input.productsSelected:checked')

Answer 2

添加rel或value属性。然后，您可以使用.rel()或.attr()方法以纯文本格式获取这些属性。

例如，如果您的复选框为value="chevy"

var checkboxName = $('.mycheckbox').value();

将为您提供值为"chevy"

的变量祝你好运 -Brian

Answer 3

试试这个：http://jsfiddle.net/rhJzJ/2/

另外，您在多个错误的元素上使用相同的ID。

jQuery动态创建复选框更改事件

3 个答案: