小编goo*_*ner的帖子

取消选中复选框时删除li元素

我可以动态地li在复选框的已检查事件上添加新元素.但是我无法在unchecked活动中删除相同的内容.

$(document).ready(function() {

    var value;

    $(".tmCheckbox").change(function() {
        if (this.checked) {
            value = $(this).val();
            $('.ul_sec').append($('<li>', {
                text: value
            }));
        } else {
            // $(this).parent().remove();
        }

    });
});
Run Code Online (Sandbox Code Playgroud)

HTML代码:

<h3>MY SELECTION </h3>
<ul class="ul_sec" style="display: block;">
    <li><input type="checkbox" name="filter" value="">Random Text 1</li>
    <li><input type="checkbox" name="filter" value="">Random Text 2</li>

</ul>

<h3>FILTER</h3>
<ul style="display: block;">
    <li><input class="tmCheckbox" type="checkbox" name="filter" value="Random Text 1">Random Text 1</li>
    <li><input class="tmCheckbox" type="checkbox" name="filter" value="Random Text 2">Random Text 2</li>
    <li><input class="tmCheckbox" type="checkbox" name="filter" value="Random Text 3">Random …
Run Code Online (Sandbox Code Playgroud)

html javascript checkbox jquery

6
推荐指数
1
解决办法
982
查看次数

标签 统计

checkbox ×1

html ×1

javascript ×1

jquery ×1