javascript - jQuery:取消选中 JavaScript 生成的页面元素

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

这是 fiddle :http://jsfiddle.net/heyUx/

---

P.S. 如果您使用的是 jQuery < 1.6，您应该使用 attr 而不是 prop:

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