2

如果是，我试图显示文本字段，如果我们不选择单选按钮，则隐藏它。 

<html>
    <head>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
            $(document).ready(function(){
                $("input[type='radio']").change(function(){
                    if ($(this).val() == "yes") {
                        $("#OrderNumber").show();
                    }
                    else {
                        $("#OrderNumber").hide(); 
                    }
                });
            });
        </script>
    </head>

    <body>
        Yes:<input type="radio" name="Order" value="yes" id="order_yes"/>
        No:<input type="radio" name="Order" value="no" id="order_no" checked="checked"  /><br><br>

        <input style="display:none;" name="OrderNumber" id="OrderNumber" size="5" /><br>
    </body>
</html>

我曾在网上尝试过相同的代码，它工作正常，但在我的服务器上，文本字段没有显示。任何可以帮助我解决这个问题的人。

4

3 回答 3

4

您需要将 googleapi jQueryscript和您自己的 jQuery 代码放在单独的script标签中：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("input[type='radio']").change(function(){
            if ($(this).val() == "yes") {
                $("#OrderNumber").show();
            }
            else {
                $("#OrderNumber").hide(); 
            }
        });
    });
</script>
于 2013-09-04T19:29:31.023 回答
2

您需要将 jQuery 脚本放在它自己的脚本标签中。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script>
    Your script here
</script>

在jsfiddle中工作正常

于 2013-09-04T19:30:43.133 回答
1

您没有在<script type='text/javascript'>

因此，请确保将其放置在脚本标记之间，例如...

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" ></script>
<script type='text/javascript'>
   $(document).ready(function(){
       $("input[type='radio']").change(function(){
          if ($(this).val() == "yes") {
             $("#OrderNumber").show();
          }
          else {
             $("#OrderNumber").hide(); 
          }
       });
   });
</script>
于 2013-09-04T19:31:40.447 回答