1
我有这段代码克隆/复制tr
元素从模态到页面。克隆/副本周围的一些问题TR
$(function() {
$('#toggleCheckbox').on('click', function() {
var $toggle = $(this).is(':checked');
$("input:checkbox").attr('checked', $toggle);
$('#btnAplicarNorma').prop('disabled', !$toggle);
});
$('#resultadoNormaBody').on('change', 'input[type=checkbox]', function() {
var $my_checkbox = $(this);
var $my_tr = $my_checkbox.closest('tr');
if ($my_checkbox.prop('checked')) {
$my_tr.addClass('copyMe');
}
var $all_checkboxes = $my_checkbox.closest('tbody').find('input[type=checkbox]');
$all_checkboxes.each(function() {
if ($(this).prop('checked')) {
$('#btnAplicarNorma').prop('disabled', false);
return false;
}
$('#btnAplicarNorma').prop('disabled', true);
});
});
$('button#btnAplicarNorma').on('click', function (ev) {
var $tr_to_append = $('#resultadoNormaBody').find('tr.copyMe');
$('#tablaNorma').removeAttr('style');
$('#alertSinNorma').hide();
if ($tr_to_append.length) {
$tr_to_append.find('input[type=checkbox]').prop('checked', false);
$tr_to_append.clone().appendTo('#normaBody').removeClass('copyMe');
$tr_to_append.removeClass('copyMe');
$(this).prop('disabled', true);
}
});
});
,但我有一些问题:
- 如果我使用标记的第一对表头所有的复选框,然后我的代码停止工作,不即使所有的克隆任何
tr
他们被标记为 - 我该如何避免与
clone/copy
相同的tr
两次? - 克隆它之前可以修改复选框吗?如果你看一下这个例子,你会注意到克隆
tr
如何复制到模态上,我想先取消复选框,这可能吗?
Here是一个小提琴玩,任何意见?