2009-07-14 17 views
-6

チェックボックスのいずれかを選択すると4つのチェックボックスがあり、それぞれのチェックボックスとテキストボックスを表示する必要があります。Jquery - 複数のチェックボックスと複数のテキストボックス

入力タイプ= "チェックボックス" ID = "acheck []" の値= '名前'

入力タイプ= "テキストボックス" idは= "productfield" 値=」 '

のjQueryコード:

$(document).ready(function() { 


     $("#productfield").css("display","none"); 

     $("#acheck").click(function(){ 

       if ($("#acheck").is(":checked")) 
       { 

        $("#productfield").fadeIn("slow"); 
       } 
       else 
       {  

        $("#productfield").fadeOut("slow"); 
       }  

     }); 

}); 
+3

あなたが本当にしたいことをより明確にする必要があります。 – jitter

+2

質問をするときにお知らせします。 –

+0

jQueryを使用しています。テキストフィールドとチェックボックスを含むフォームを作成しています。それは私がここで理解しているすべてです...あなたは何をしたいですか? – p4bl0

答えて

1

質問からは分かりませんが、チェックボックスをクリックすると何かが表示されますか?これはあなたを始めるはずです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <style> 
    #appear_div { display: none; } 
    </style> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
    <script> 
    $(document).ready(function() { 
     $('#appear').click(function() { $('#appear_div').show(); }); 
    }); 
    </script> 
</head> 
<body> 
    <input type="checkbox" id="appear"> 
    <div id="appear_div"> 
    <input type="checkbox" id="cb1">Check me <input type="text" id="text1"> 
    </div> 
</body> 
</html> 
関連する問題