如何用java腳本或jquery添加和刪除html元素？

我複選框元的數目就在我的html頁面如何用java腳本或jquery添加和刪除html元素？

<input type='checkbox' class='txtshow'checked="checked\" id='someid1' name='checkMr[]' value='some value' > 
<input type='checkbox' class='txtshow'checked="checked\" id='someid2' name='checkMr[]' value='some value' > 
<input type='checkbox' class='txtshow'checked="checked\" id='someid3' name='checkMr[]' value='some value' >

我想是任何時候的檢查了這個動態的一個元素輸入類型=「複選框」應該被添加到HTML頁面。
如果未選中，則刪除添加的元素。
不應重複相同的元素。

來源

2012-10-25 Manish Malviya

我是新來的JavaScript和jQuery這樣只能看不能。請幫我解決？ –

JavaScript是編程語言和jQuery是一個JavaScript的框架...然後搜索谷歌瞭解JavaScript ...有很多教程，指南和食譜...因爲你問如何刪除和/或添加元素必須學習更多關於DOM（文檔對象模型）......如果你更喜歡在jQuery網站中使用jQuery查找文檔 – memosdp

，我會建議至少在使用jQuery之前學習javascript的基礎知識。 –

在點擊事件上，檢查複選框是否被選中。如果是，則添加複選框，如果未選中，則取消複選框。使用與父的ID將它們連接在一起：

$(".txtshow").click(function() { 
    if ($(this).is(":checked")) { 
     newCheck = $("<input type=checkbox id='" + $(this).attr("id") + "-child' />") 
     $("body").append(newCheck); 
    } 
    else { 
     $("#" + $(this).attr("id") + "-child").remove(); 
    } 
});

小提琴： http://jsfiddle.net/nyZj6/6/

來源

2012-10-25 10:17:28

如果我必須附加這個表單元素，該怎麼辦？ –

將選擇器的「body」更改爲您想追加的選擇器。 –

，你可以這樣做：

$('.txtshow').change(function(){ 
    var id = $(this).attr('id'); 
    if($(this).is(':checked')){ 
     $('<p id="element_' + id + '"></p>').appendTo($('body')); 
    } else { 
     $('#element_' + id + ').remove(); 
    } 
});

凡在此情況下，您創建帶有自定義ID p元素。您可以根據需要更改該屬性。

來源

2012-10-25 10:17:21

如何用java腳本或jquery添加和刪除html元素？

回答

相關問題