我需要複製所選複選框值的幫助

我無法理解我們如何從項目列表中刪除空列表。

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>

JS：

$("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(""); 
     } 
    }); 
});

My fiddle

在此先感謝您的偉大的熱心幫助。

來源

2016-09-25 waqas adil

我的小提琴是：http://jsfiddle.net/waqasadil/7HQDK/51/ –

請說明您的具體問題或添加其他詳細信息，以確切地突出顯示您的需求。正如目前所寫，很難確切地說出你在問什麼。 –

試試'$（「input：checked」）''而不是'$（「input」）' –

$("button").button(); 
 

 
function A(values) { 
 
    var items = $("#grocery-items ul"); 
 
    items.empty(); 
 
    values.each(function(){ 
 
    \t items.append("<li>" + $(this).val() + "</li>"); 
 
    }); 
 
}; 
 

 
$("form").on("submit", function(event) { 
 
    event.preventDefault(); 
 
    $("input:checked").effect("transfer", { 
 
     to: "#grocery-items ul", 
 
     complete: function() { 
 
      A($("input:checked")); 
 
     } 
 
    }); 
 
});

來源

2016-09-26 05:19:07

-1

我編輯你的小提琴，點擊此處查看：

jsfiddle.net/7HQDK/56/

來源

2016-09-25 22:04:17

我需要複製所選複選框值的幫助

回答

相關問題