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

时间:2009-07-14 11:18:44

标签: javascript jquery

当我选中任何一个复选框时,我有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");
                }       

      });

}); 

1 个答案:

答案 0 :(得分: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>