2011-07-20 13 views
0

jQuery AJAXを使用して、Webサービスを介してWebユーザーコントロールのHTMLを動的に<div>要素の1つに読み込みます。
これは問題なく、問題なく動作します。jQuery/AJAXを使用してfaceboxのCheckBox状態を変更する

faceboxプラグインを使用して、divをポップアップとして表示すると問題が発生します。このdivの[すべて選択]/[なし]チェックボックスがあり、すべてのチェックボックスを選択するか、すべてを選択解除する必要があります。
私はすべての/どれを選択しないとjQueryを介してすべてのチェックボックスを選択しようのリンクをクリックすると、何も起こりませんし、私は私のポップアップを閉じて再度開くまでは何も私のチェックボックスに反映されません。
ポップアップをもう一度開くと、すべてのチェックボックスがオンになっていることがわかります。
何が問題なのですか?

+0

コードを見ずに言うのは難しいが、私の推測では、あなたが使用する必要があるだろう.live()メソッドは、ページの読み込みが完了した後に表示されるため、facebox div内のチェックボックスに表示されます。 – charliegriefer

答えて

0

コードの例がないと、あなたが望むものを実際に理解するのは少し難しいですが、私は推測します。

HTML::

<input type="checkbox" class="select-all" name="select-all" id="select-all" value="select all" /> 
<label for="select-all">Select All</label> 
<input type="checkbox" class="checkbox" name="checkbox1" id="checkbox1" value="1"/> 
<input type="checkbox" class="checkbox" name="checkbox2" id="checkbox2" value="2"/> 
<input type="checkbox" class="checkbox" name="checkbox3" id="checkbox3" value="3"/> 
<input type="checkbox" class="checkbox" name="checkbox4" id="checkbox4" value="4"/> 
<input type="checkbox" class="checkbox" name="checkbox5" id="checkbox5" value="5"/> 

のjQuery:ここでチェックボックス「すべて選択」を作るための一つの方法だ

$("#select-all").click(function(){ 
    if ($(this).attr("checked") == "checked") { 
     $(".checkbox").attr("checked", "checked"); 
    } else { 
     $(".checkbox").removeAttr("checked"); 
    } 
}); 
関連する問題