Jquery - 多个复选框和多个文本框答案

【问题标题】：Jquery - multiple checkbox and multiple textboxJquery - 多个复选框和多个文本框
【发布时间】：2010-11-10 14:51:24
【问题描述】：

当我选择任何一个复选框时，我有 4 个复选框需要显示相应的复选框和文本框。

input type="checkbox" id="acheck[]" value='name'

input type="textbox" id="productfield" value=' '

jquery 代码：

$(document).ready(function() {


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

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

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

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

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

      });

});

【问题讨论】：

你应该更清楚你真正想做的事
当您提出问题时，我会通知您。
您正在使用 jQuery，您正在制作一个包含文本字段和复选框的表单。这就是我所了解的......你想做什么？
到目前为止，你已经在这个网站上问了两个问题，它们基本上都归结为“给我写一些代码”。在寻求帮助之前，请表现出一点主动性并尝试自己解决问题。人们可以告诉您哪里出了问题，或者提出总体改进建议，从长远来看，您可能会学到更多知识并节省自己的时间和善意。

标签： javascript jquery

【解决方案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>

【讨论】：