Javascript 从列表中选择后删除所选复选框项

我有一个弹出窗口，上面有一个要选择的复选框列表。从弹出窗口中选择项目并单击“更新”按钮后，值显示在页面上

HTML代码

<form action="" id="popup_form">

           <div class="added">
           <div class="column-left">
             <label class="checkbox" for="checkbox1" style="font-size:20px;">
            <input type="checkbox" name="complaint" value="One" id="checkbox1" data-toggle="checkbox">
         One
          </label>
          <br/>
          <label class="checkbox" for="checkbox2" style="font-size:20px;">
            <input type="checkbox" name="complaint" value="Two" id="checkbox2" data-toggle="checkbox">
           Two
          </label>
          <br/>

                  </div>

                   <div class="column-center">
           <label class="checkbox" for="checkbox3" style="font-size:20px;">
            <input type="checkbox" name="complaint" value="Three" id="checkbox3" data-toggle="checkbox">
   Three
          </label>
                 <br/>
           <label class="checkbox" for="checkbox4" style="font-size:20px;">
            <input type="checkbox" name="complaint" value="Four" id="checkbox4" data-toggle="checkbox">
          Four
          </label>
                 <br/>

          </div>

            <div class="column-center-right">
           <label class="checkbox" for="checkbox5" style="font-size:20px;">
            <input type="checkbox" name="complaint" value="Five" id="checkbox5" data-toggle="checkbox">
        Five
          </label> 
            <br/>
           <label class="checkbox" for="checkbox6" style="font-size:20px;">
            <input type="checkbox" name="complaint" value="Six" id="checkbox6" data-toggle="checkbox">
           Six
          </label> 
            <br/>

           </div>

            <div class="column-right">

           <label class="checkbox" for="checkbox7" style="font-size:20px;">
            <input type="checkbox" name="complaint" value=" Seven" id="checkbox7" data-toggle="checkbox">
            Seven
          </label> 
             <br/>
           <label class="checkbox" for="checkbox8" style="font-size:20px;">
            <input type="checkbox" name="complaint" value="Eight" id="checkbox8" data-toggle="checkbox">
       Eight
          </label> 
             <br/>

          </div>

           </div> 
     <br/>
            <input type="submit" name="submit" id="update" class="button button-orange" style="width: 90px; margin-top: 450px;
    margin-left: -533px;" value="Update">
           <input type="submit" name="cancel" id="cancel" class="button button-orange" style="width: 90px; background-color:#36606e;" value="Cancel">

</form> 

一个


两个


三


四


五


六


七


八

现在我希望所选的项目应该从弹出列表中删除。e、 g.如果选择值“一”，则应从弹出列表中删除项目并显示在页面上

我没有找到解决办法。我怎样才能用jquery或javascript实现这一点

任何帮助都会有帮助

弹出列表如下图所示

单击“更新”后，所选项目将显示在页面上，如下所示

---

更新

查看其他元素上的选定项

Jquery

$(document).ready(function() {

  $('.push-button').click(function() {
    $('input[name=complaint]:checked').parent().hide();
    var list = $('.content ul');
    list.empty();
    $('input[name=complaint]:checked').each(function() {
      var item = $('<li>');
      item.html($(this).val());
      list.append(item);
    });

  });
});

$（文档）.ready（函数（）{
$（'.push-button'）。单击（函数（）{
$（'input[name=complaint]：选中'）.parent（）.hide（）；
变量列表=$（'.content-ul'）；
list.empty（）；
$（'input[name=complaint]：选中'）。每个（函数（）{
变量项=$（“
”）；
html（$（this.val（））；
列表。追加（项目）；
});
});
});

Html

一个


两个


三


四


五


六


七


八


在内容中列出数据
查看所选数据

已更新

查看其他元素上的选定项

Jquery

$(document).ready(function() {

  $('.push-button').click(function() {
    $('input[name=complaint]:checked').parent().hide();
    var list = $('.content ul');
    list.empty();
    $('input[name=complaint]:checked').each(function() {
      var item = $('<li>');
      item.html($(this).val());
      list.append(item);
    });

  });
});

$（文档）.ready（函数（）{
$（'.push-button'）。单击（函数（）{
$（'input[name=complaint]：选中'）.parent（）.hide（）；
变量列表=$（'.content-ul'）；
list.empty（）；
$（'input[name=complaint]：选中'）。每个（函数（）{
变量项=$（“
”）；
html（$（this.val（））；
列表。追加（项目）；
});
});
});

Html

一个


两个


三


四


五


六


七


八


在内容中列出数据
查看所选数据

@Noman我不知道如何获得它。没有php代码和jquery代码。与我们共享您的代码，否则我们无法帮助您。我没有jquery/JS代码。我不了解上述情况。您需要至少添加此html的

屏幕截图/图片

，以便有人可以帮助您使用jquery。@诺曼我添加了图像以供参考。@诺曼我不了解如何获取。没有php代码，也没有jquery代码。与我们共享您的代码，否则我们无法帮助您。我没有jquery/JS代码。我不是因为上述情况才得到它的。您需要至少添加此html的

屏幕截图/图片

，以便有人可以帮助您使用jquery。@不，我添加了图像以供参考。谢谢回复。在您提供的链接中，当我们选择例如“一”时，其他项目将被删除。我不寻找的。我想选定的项目应该从列表中删除时，我们点击按钮，而且它应该显示在页面上。这与我期望的正好相反。例如，我使用的是“一”项。您的演示仅适用于“一”项。你能更新你的答案吗？是的。所选项目应从列表中删除，并在单击按钮时显示在页面上。在我的情况下，我使用的是弹出列表。当我点击“更新”按钮时，所选项目应删除并显示在页面上。如果下次我单击“+添加/编辑”按钮，则该项目不应在该列表中。选中复选框后，所选项目将立即删除。点击按钮后可以删除吗？太好了，非常感谢。这正是我所期待的。谢谢你的帮助：）谢谢你的回复。在您提供的链接中，当我们选择例如“一”时，其他项目将被删除。我不寻找的。我想选定的项目应该从列表中删除时，我们点击按钮，而且它应该显示在页面上。这与我期望的正好相反。例如，我使用的是“一”项。您的演示仅适用于“一”项。你能更新你的答案吗？是的。所选项目应从中删除