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

はフィドルです：http://jsfiddle.net/heyUx/

---

P.S.あなたがあなたの代わりにpropのattrを使用する必要がありますjQueryの< 1.6を使用している場合：

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

Answer 2

の操作を行います。

 

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