JQueryはdiv内の動的コントロールを出力します

Question

チェックボックスのクリックを処理して、別のコントロールをユーザーコントロール（ASP.NET）に動的に表示する方法を教えてください。

Answer 1

私はあなたが使用しているシステムについて何も知らないが、私はこれを行うだろうダウン低汚いやり方がある...

スティックそれ自身の空白ページでユーザーコントロール。

チェックボックスをクリックすると、JQueryにユーザコントロールがあるページのHTMLコンテンツを取得させてdivに貼り付けるようにします。

これは、呼び出し元のページではあまりにもきれいではないHTMLになります。

これはasp：CheckBoxかhtml入力ですか？

Answer 2

あなたはこのような何かを探しています：

$(function(){ 
    $('#Control').hide(); //initially hide the control 
    $('#checkbox').click(function(){ // bind the checkbox click event 
     if ($('#checkbox').attr('checked')) { 
      $('#Control').show(); 
     } 
    }); 
}); 


<mycontrol:UC id="Control" runat="server" /> 

Answer 3

あなたは新しいオブジェクトを作成したい場合は、あなたがこれを行うことができます：

var checkbox = $("<input type='checkbox' ... />"); 
$('div#someID').append(checkbox); 

あなたはおそらく取得したいように聞こえるけどAJAX呼び出しから追加するデータ。私はその質問からかなり分かりません。

$(function() { 
    $('#checkbox').click(function() { 
     $('#control').toggle(); 
    }); 
}); 

<mycontrol:UC id="control" runat="server" /> 

Answer 4

。 1つのAjax呼び出しから複数のコントロールを返すことができます。 シンプルな表示/非表示コントロールのシナリオでは、ページ上に隠れたコントロールをレンダリングするだけで十分です。あなたのコントロールが大きい場合やユーザーの操作のために変更された場合は、サーバー上でコントロールをレンダリングし、jsを使用してDOMを更新することをお勧めします。あなたはDOMの更新のためのjQueryを使用していて、IDの使用による制御を見つけたい場合 ：

$("[id$=controlId]") 

これはさえIDへのasp.netプレフィックスを使用してコントロールを探します。 私は簡単にプラグインを使用できるようにするタコナイトプラグインのための簡単なc# wrapperに取り組んでいます（サンプルウェブサイトは近日公開予定です）。

Answer 5

私はjQueryのtaconiteプラグインを使用する部分です：あなたはあなたのような何かにTStamperのコードを短縮することができ、デフォルトではCSSでコントロールを非表示と仮定