ラジオボタンの上にテキストボックスを表示するPHPをクリック

Question

こんにちは私はテキストボックスを隠すはずのコードの一部を添付し、女性が選択されたらそれを表示する必要があります。しかし、これは助けてください

$(document).ready(function() { 
 
    $('input[name="gender"]').click(function() { 
 
    var value = $(this).val(); 
 
    if($value == "male") 
 
    { 
 
     $('#address').hide(); 
 
    } 
 
    else{ 
 
     $('#address').show(); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<style> 
 
.error {color: #FF0000;} 
 
</style> 
 

 
Gender: 
 
    <input type="radio" name="gender" value="female">Female 
 
    <input type="radio" name="gender" value="male">Male 
 
    <div name="address" id="address"> 
 
\t <textarea name="address" id="address" rows="5" cols="40"></textarea> 
 
\t </div> 
 
    <br><br>

が機能していません。ありがとう

Answer 1

value変数を設定しましたが、比較テストで$valueと書いてあります。

このお試しください：コメントの中で指摘したように、それは動作しませんでしたので、あなたのスニペットは、jQueryライブラリが含まれていませんでした

：。

$(document).ready(function() { 
 
    $('input[name="gender"]').click(function() 
 
            { 
 
    var value = $(this).val(); 
 
    if(value == "male") 
 
    { 
 
     $('#address').hide(); 
 
    } 
 
    else{ 
 
     $('#address').show(); 
 
    } 
 

 

 
    }); 
 
}); 
 
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<style> 
 
.error {color: #FF0000;} 
 
</style> 
 
Gender: 
 
    <input type="radio" name="gender" value="female">Female 
 
    <input type="radio" name="gender" value="male">Male 
 
    <div name="address" id="address"> 
 
\t <textarea name="address" id="address" rows="5" cols="40"></textarea> 
 
\t </div> 
 
    <br><br>

編集をそれがあなたのコードに存在することを確認してください。例：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>