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 タグに配置する必要があります。

<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 に答える