Question

我在操作JavaScript生成的html元素时遇到了麻烦。根据用户输入 - 通过JavaScript生成复选框列表，然后用户只需单击一下即可取消选中。这是生成的代码：

<ul>
  <li><input name="fruit" id="apple" type="checkbox" checked="checked"></li>
  <li><input name="fruit" id="orange" type="checkbox" checked="checked"></li>
  <li><input name="fruit" id="mango" type="checkbox" checked="checked"></li>
</ul>

清除我的一切，

<a id="clear" href="#">Clear Fruit</a>

我尝试过关闭name属性，但看起来jQuery无法在事后看到生成的元素。获取列表并通过项目取消选中框的最佳方法是什么？

Answer 1

$('#clear').click(function(e){
    e.preventDefault();
    $('input[name=fruit]').prop('checked', false);
});

这是小提琴：http://jsfiddle.net/heyUx/

P.S。如果你正在使用jQuery＆lt; 1.6您应该使用attr代替prop：

$('input[name=fruit]').attr('checked', '');

Answer 2

执行：


$('#clear').click(function(e){
    e.preventDefault();
    $('input[name=fruit]').attr('checked', ''); //all checkboxes having name "fruit"
});

jQuery：取消选中JavaScript生成的页面元素

2 个答案: