動態添加複選框

如何使表格上的複選框可以檢查？我有下面的代碼通過使用jquery函數動態地添加複選框。下面的代碼可以動態地添加複選框，但問題是無法檢查（禁用）功能添加的複選框。動態添加複選框

<table id="detail"> 
    <tr> 
    <td><input type="checkbox" id="cb" name="cb[]"></td> 
    </tr> 
</table>

這是按鈕添加一行：

<input type="button" id="addRow" value="ADD ROW" />

這是jQuery的功能，我有：

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#addRow").click(function() { 
     $('#detail tbody>tr:last').clone(true).insertAfter('#detail tbody>tr:last'); 
    }); 
    }); 
</script>

任何人都可以幫助的代碼？謝謝... :)

來源

2012-09-21 mrjimoy_05

你想添加的複選框被禁用？ –

請先糾正javascript功能！

$(document).ready(function() { 
    $("#addRow").click(function() { 
     $('#detail tbody>tr:last').clone(true).insertAfter('#detail tbody>tr:last'); 
    }); 
    });

而且你的代碼工作對我來說意味着複選框被選中（如果只有打勾最後複選框，然後你的代碼將克隆它）

見我jsfiddle或jsfiddle updated

來源

2012-09-21 05:41:44

嗨，感謝您的代碼。有用！但是，我應該如何設定答案？你的答案與@Sushanthreddy的答案是一樣的，但Sushanthreddy較早發佈答案。 –

我更正了你的JS代碼，但爲了解決你的問題，我只發佈了jsfiddle（和更新）。 –

誰先發帖無所謂！重要的是答案的**質量**。 –

$("#addRow").click(function() { 
    var row = $('#detail tbody>tr:last').clone(true); 

    // Clear last value 
    row.find("input:checkbox").attr('checked', false); 

    // Change name attr 
    row.find("#cb").attr('name', 'newNmae'); 

    //disabled set as a true 
    row.find("input:checkbox").attr('disabled', true); 

    row.insertAfter('#detail tbody>tr:last'); 
});

來源

2012-09-21 05:40:53 Sender

謝謝，但它不起作用.. –

什麼不工作？ – Sender

試試這個

$(document).ready(function() { 
    $("#addRow").click(function() { 
     $('#detail tbody tr:last').clone(true).insertAfter('#detail tbody tr:last'); 
    }); 
    });

檢查FIDDLE

來源

2012-09-21 05:44:07

嗨，感謝您的代碼。有用！ :) –

當然....... :) –

動態添加複選框

回答

相關問題