jquery更改動態創建的列表

我使用JQuery創建了一些列表。有1個文本框。用戶提供一些數據。當用戶按下按鈕時，該數據被複制並添加到div。jquery更改動態創建的列表

$("#Add").click(function(){ 
    var val = $('[name=Variablename]').val(); 
    var masterHTML = '<input type="checkbox" name="'+val+'">'+val+' '+val+' '+'<br>'; 
       $("#main").append(masterHTML); 
      });

現在名單可大了說，例如：

sampletext1 
sampletext2 
sampletext3 
sampletext4 
sampletext5 
sampletext6

旁邊的每個都會有檢查按鈕。因爲這是所有動態數據。所以當用戶檢查sampletext1。我怎麼能得到這些數據。基本上我正在尋找在文本框中獲取數據顯示，以便用戶可以將sampletext1更新爲sampletext1update並將其發回。

我怎麼能做到這一點。我沒有使用表格（或）表格。只是DIV與檢查按鈕添加文本

股利主要是：

<div id="main"> 
</br> 
</div>

來源

2013-04-30 The Learner

您可以添加一個單擊處理程序，以檢查按鈕，然後查找列出包含該按鈕的項目或表格單元格（使用'.closest'），然後查看文本內容。 – Rup 2013-04-30 17:22:20

顯示已創建的（代表性）HTML，其中包含新添加的文本;我們很「漂亮」，但我們並非通靈。不幸。 – 2013-04-30 17:23:27

和你的代碼應該給錯誤..爲'VAL1是undefined' ...怎麼我看不出它是在你的代碼 – bipen 2013-04-30 17:27:03

一種方式......給你的所有動態生成的複選框一類（同一類）..說checkboxClass ...和呼叫單擊事件爲

$('#main').on('change','.checkboxClass',function(){ 
    if($(this).is(':checked')){ 
     alert($(this).val()); 
    } 
    });

，你需要定義複選框value屬性這個工作（這是在上面的代碼中丟失）....一次，因爲這是複選框用戶可以選擇多個...有你想過那個..？

更新

然後動態以及與同等級複選框創建一個按鈕..隱藏...

$("#Add").click(function(){ 
    var val = $('[name=Variablename]').val(); 
    var masterHTML = '<input class="checkboxClass" type="checkbox" value="'+val+'" name="'+val+'">'+val+' '+val+' '+ '<button class="buttonClass">update</button><br>'; 
    $("#main").append(masterHTML); 
     $('.buttonClass').hide(); //hide button 
    }); 


    $('#main').on('change','.checkboxClass',function(){ 
    $('.buttonClass').hide(); //make sure all other button is hidden 
    if($(this).is(':checked')){ //<--here missed bracket 
     $(this).next('.buttonClass').show(); //show the button that is just clicked 
    } 
    }); 

    //code to update on click of button 
    $('#main').on('click','.buttonClass',function(){ 
     $('#yourtextBoxId').val($(this).prev().val()); 
    });

來源

2013-04-30 17:35:12 bipen

感謝Bipen其實我希望用戶選擇「複選框」，比有西港島線是修改按鈕。修改按鈕時按下將更新文本框與檢查數據..哪些使用可以按下並進行更新。 – 2013-04-30 17:39:22

我越來越syntaxError在。我是否缺少任何 – 2013-04-30 18:17:09

oppsss ..對不起，我的壞..我錯過了'if'的結束括號 – bipen 2013-04-30 18:20:08

jquery更改動態創建的列表

回答

相關問題