如何复制行复选框在jquery中检查为未选中?

时间:2012-01-26 08:51:07

标签: jquery

http://jsfiddle.net/zUAQC/11/

在此示例中,

在javascipt框的sampleDiv中,我添加了下一个输入复选框。   在结果视图中,当我选中复选框并单击复制按钮时,复制行复选框已选中。   如果选中或取消选中它,我想取消选中复选框。

2 个答案:

答案 0 :(得分:1)

$('#checkboxid').prop('checked', false);

根据Stefan的评论更新为使用道具。

    $('#checkboxid')[0].checked = false;

作为另一种选择。

答案 1 :(得分:0)

你走了:

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'));
}); 

JSFiddle

注意事项:

  • 你的JSFiddle中有一个'文本框'而不是checkbox ......
  • 您没有使用删除按钮删除div,使用remove删除不是hide
  • 的DOM元素
  • live已被豁免。使用delegate表示JQuery 1.4.3+或on表示JQuery 1.7 +