Javascript 我需要有关复制所选复选框值的帮助

我需要从复选框中复制选中的项目

我无法理解如何从项目列表中删除空列表

HTML:

<div id="grocery-list">
  <h3>Item List</h3>
  <ul>
    <li class="empty">Empty</li>
  </ul>
</div>
<form>
  <fieldset>
    <legend>Add Item</legend>
    <label for="item">Item:</label>
    <input id="item" type="checkbox" name="vehicle"  value="bike"/>I have a bike 
    <br>
    <input id="item" type="checkbox" name="vehicle" value="cycle" />I have a bicycle 
    <br>
    <input id="item" type="checkbox" name="vehicle" value="aeroplane" />I have a aeroplane 
    <br/>
    <input id="item" type="checkbox" name="vehicle" value="Car"/>I have a car

    <button>Add</button>
  </fieldset>
</form>

 $( "button" ).button();

function addToList( value ) {
    var list = $( "#grocery-list ul" );
    list.append( "<li>" + value + "</li>" );
    list.find( ".empty" ).remove();
};

$( "form" ).on( "submit", function( event ) {
    event.preventDefault();
    $( "input" ).effect( "transfer", {
        to: "#grocery-list ul",
        complete: function() {
            addToList( $( this ).val() );
            $( this ).val( "" ); 
        }
    });
});

项目表

空

添加项
项目：
我有一辆自行车


我有一辆自行车


我有一架飞机


我有一辆车
添加

JS:

<div id="grocery-list">
  <h3>Item List</h3>
  <ul>
    <li class="empty">Empty</li>
  </ul>
</div>
<form>
  <fieldset>
    <legend>Add Item</legend>
    <label for="item">Item:</label>
    <input id="item" type="checkbox" name="vehicle"  value="bike"/>I have a bike 
    <br>
    <input id="item" type="checkbox" name="vehicle" value="cycle" />I have a bicycle 
    <br>
    <input id="item" type="checkbox" name="vehicle" value="aeroplane" />I have a aeroplane 
    <br/>
    <input id="item" type="checkbox" name="vehicle" value="Car"/>I have a car

    <button>Add</button>
  </fieldset>
</form>

 $( "button" ).button();

function addToList( value ) {
    var list = $( "#grocery-list ul" );
    list.append( "<li>" + value + "</li>" );
    list.find( ".empty" ).remove();
};

$( "form" ).on( "submit", function( event ) {
    event.preventDefault();
    $( "input" ).effect( "transfer", {
        to: "#grocery-list ul",
        complete: function() {
            addToList( $( this ).val() );
            $( this ).val( "" ); 
        }
    });
});

$（“按钮”）.button（）；
函数addToList（值）{
风险值清单=$（“#杂货清单ul”）；
列表。追加（“
”+值+“
”）；
list.find（“.empty”）.remove（）；
};
$（“表格”）。在“提交”上，功能（事件）{
event.preventDefault（）；
$（“输入”）。效果（“转移”{
至：“#杂货清单ul”，
完成：函数（）{
addToList（$（this.val（））；
$（此）.val（“”）；
}
});
});

---

提前感谢您的帮助。

我编辑了您的小提琴，请在此处查看：

jsiddle.net/7HQDK/56/

$（“按钮”）.button（）；
函数A（值）{
var项目=$（“#杂货项目ul”）；
items.empty（）；
值。每个（函数（）{
items.append（“
”+$（this.val（）+”
”）；
});
};
$（“表格”）。在“提交”上，功能（事件）{
event.preventDefault（）；
$（“输入：选中”）.effect（“传输”{
至：“杂货店商品ul”，
完成：函数（）{
A（$（“输入：选中”）；
}
});
});我的重点是：请澄清您的具体问题或添加其他详细信息，以突出显示您所需要的内容。就目前编写的内容而言，很难准确说出您的要求。请尝试
$（“输入：选中”）
，而不仅仅是
$（“输入”）
Zakaria首先感谢您的帮助。我想从勾选的复选框中复制唯一选中的值。Rory McCrossan，我尝试了$（“输入：选中”）它，但它不起作用。