Question

我有js在testDiv中的项目旁边点击<a>删除复选框选项，但是想知道如何在取消选中某个元素时从testDiv中删除correspoding元素，也有办法可以我添加了一个项目的标题而不是值，因为我在value属性中有垃圾字符。尝试了不同的方式，但面临一个或另一个问题。

$(":input").live('change', function () {
    var $this = $(this);
    if ($(this).is(':checked')) {
        ($("<span/>", {
            class: 'bckeys',
            html: $this.val() + "<a class='rempills'>"
        })).appendTo('#testDiv');
    }
});


$('#testDiv').on('click', '.bckeys', function () {
    var $this = $(this);
    $('label[title="' + $.trim($this.text()) + '"]').prev('input').prop('checked', false);

    $this.remove();
});

http://jsfiddle.net/589qp/

Answer 1

$(":input").on('change', function () {
    if ( this.checked ) {
        $("<span/>", {
            'class': 'bckeys ' + this.id,
            html: "<a class='rempills'>" + $(this).next('label').prop('title') + "</a>"
        }).appendTo('#testDiv');
    }else{
        $('.'+this.id, '#testDiv').remove();
    }
});

FIDDLE

jquery，复选框更新div

1 个答案: