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。

試試這個：

$(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>

編輯：

正如所指出的意見，你的代碼段不包括jQuery庫，所以它不能正常工作。確保它存在於你的代碼中。例如：

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