2012-05-11 8 views
5

チェックボックスのリストの中にテキストボックスを追加することはできますか?C#のチェックボックスリスト内にテキストボックスを追加するには?

ここに問題があります。 特定のチェックボックスをクリックすると、テキストボックスを挿入して表示する必要があるチェックボックスリストが表示されています。 は、テキストボックスには、項目Bおよび項目Cの の間、この使用してC#またはjqueryのをやって任意の可能性が表示されますユーザチェック項目Bならば、私は今リスト 項目 項目B 項目C 項目D

を持っていると言います?

ゴータム

+1

WebformsまたはMVCを使用していますか? – ivowiblo

+0

フォームにサーバーにポストバックする必要がある場合、最も簡単な解決策は、ビューにテキストボックスを含める、非表示にする(手動でCSSを使う、または 'document.ready'にjQueryの' hide'を使用する)チェックボックス( '$(" YourCheckbox ")。change(function()...)')の 'change'イベントに接続するためにjQueryを使用し、チェックされていれば '$(" YourCheckbox " ).is( ":checked") ')、テキストボックスを表示します。 (それはMVC用です) –

+0

私はMVCを使用していません..そのウェブサイトです。そのプレーンなASP.netはJQueryを使用しています。 – Gautam

答えて

5

あなたはそれを達成するためにjQueryのを使用することができます。

ここではHTMLのコードは次のとおりです。

a<input type="checkbox" name="newsletter" value="Daily" /> 
b<input type="checkbox" name="newsletter" value="Weekly" /> 
c<input id="test" type="checkbox" name="newsletter" value="Monthly" /> 
<input id="txtbox" type="text"> 
d<input type="checkbox" name="newsletter" value="Yearly" /> 

はここでjQueryの:

$(document).ready(initialize); 

    function initialize() { 
     $("input#txtbox").hide(); 
     $(":checkbox").click(countChecked);  
    } 


    function countChecked() { 
     if ($("input#test").is(':checked')) { 
      $("input#txtbox").show();     
     } 
     else { 
      $("input#txtbox").hide(); 
     } 
    } 

Here's a demo

Here's the source of information

+0

返信いただきありがとうございます。しかし、私の場合、チェックボックスリストの値はDBから来ているので、テキストボックスをどこに置く必要があるのか​​正確にはわかりません。ちょっと、私はこれを逆にしています。チェックボックスが必要な値私はそれらを最後に置いて、JSを使ってそれらを無効にすることを可能にしています。 – Gautam

+0

非常に遅い返信だが、他の誰かが探している:jQueryのafter()メソッドのチェックボックスの直後にテキストボックスを移動することができます。 $( "input#test")。after($( "input#txtbox")) – Armando

関連する問題