http://jsfiddle.net/zUAQC/11/如何複製行復選框選中未選中jquery?
在此示例中,
在javascipt的框的sampleDiv,我補充下輸入複選框。 在結果視圖中,當我選中複選框並單擊複製按鈕時,複製行復選框爲選中狀態。 我想要取消選中複選框,如果選中或取消選中它。
http://jsfiddle.net/zUAQC/11/如何複製行復選框選中未選中jquery?
在此示例中,
在javascipt的框的sampleDiv,我補充下輸入複選框。 在結果視圖中,當我選中複選框並單擊複製按鈕時,複製行復選框爲選中狀態。 我想要取消選中複選框,如果選中或取消選中它。
$('#checkboxid').prop('checked', false);
更新爲根據Stefan的評論使用prop。
$('#checkboxid')[0].checked = false;
作爲另一種選擇。
在這種情況下使用'prop()'可能比'attr()'更好。 http://api.jquery.com/prop/ – Stefan
在這裏你去:
var sampleDiv = '<div class="sample"><input type="checkbox" /><input type="button" value="Delete" class="delete"><input type="button" value="Add" class="add"/><input type="button" value="Copy" class="copy"/></div>';
$('.test').append(sampleDiv);
$('.delete').live('click',function(){
$(this).closest('div').remove();
});
$('.add').live('click',function(){
$('.test').append(sampleDiv);
});
$('.copy').live('click',function(){
var $div = $(this).closest('div').clone();
$('input[type=checkbox]', $div).prop('checked', false);
$div.appendTo($('.test'));
});
注意事項:
checkbox
...remove
刪除DOM元素不是hide
live
被取消。使用JQuery 1.4.3+的delegate
或JQuery 1.7+的on
您在那裏沒有任何「複選框」! – gdoron