如何在文本框中添加選中的複選框

在此fiddle中，有一個to按鈕。如何在文本框中添加選中的複選框

當按下to按鈕時，會彈出一個下拉菜單。

從下拉菜單中，用戶選擇users或groups，然後出現一個帶有複選框的表格。

現在，選擇幾個複選框並按下ok按鈕後，所選複選框名稱應顯示在textfield中。

我是這樣做的：

$('#mytable tr').find('input[type="checkbox"]:checked').each(function(i) 
    {    
     sCheckbox.push($(this).attr("data-id")); 
     //alert("hello " +sCheckbox);

但它不工作。

我添加了一個alert，但仍然沒有顯示警報意味着控件不在裏面。

請告訴我如何做到這一點。

來源

2014-01-10 SpringLearner

更換'sCheckbox.push（$（本）.attr（「數據ID」））; ''sCheckbox.push（$（this）.html（））;' – Cilan

@ManofSnow謝謝你的回覆，我按照你說的說過http://jsfiddle.net/LBPB6/13/但仍然一樣。可以請你爲什麼控制不進入內部。爲什麼'alert（「hello」+ sCheckbox）;'沒有顯示？ – SpringLearner

警報彈出對我來說，值填充...沒有什麼是'空'，所以顯示的東西。警報I中的輸出getitng來自以下代碼段：'var ds =（sCheckbox.length> 0）？ sCheckbox.join（「，」）：「」;警報（「ds is」+ ds）; }）;' – Phlume

您正在讀錯誤的表。您的選擇器指定了#groupsTable（例如），但模式中的組表沒有任何標識。您的選擇器正在讀取主頁面上的複選框。

您可以添加IDS到您的表中的模態格，或者使用這些選擇來代替：

$('#ToOk').click(function(){ 
$('#users tr').find('input[type="checkbox"]:checked').each(function(i) {    
        sCheckbox.push($(this).attr("data-id")); 
        //alert("hello " +sCheckbox); 
      }); 
    $('#groups tr').find('input[type="checkbox"]:checked').each(function(i) {    
        sCheckbox.push($(this).attr("data-id")); 
        //alert("hello " +sCheckbox); 
      }); 
    var ds = (sCheckbox.length > 0) ? sCheckbox.join(",") : ""; 
alert("ds is "+ds); 
});

來源

2014-01-10 04:12:25

好吧，請你告訴我如何獲取名稱並添加到文本域，我是新來的jQuery所以問愚蠢的問題 – SpringLearner

最簡單的方法是將一個類放在你想拉的列（'用戶名'，也許），然後像'$（'＃groups tr input [type = （'。username'）' –

這是我的答案後創建的小提琴http://jsfiddle.net/LBPB6/16/可以請你更新這個 – SpringLearner

如何在文本框中添加選中的複選框

回答

相關問題