javascript - 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">
	  <textarea name="address" id="address" rows="5" cols="40"></textarea>
	</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">
	  <textarea name="address" id="address" rows="5" cols="40"></textarea>
	</div>
  <br><br>

编辑:

正如评论中所指出的，您的代码片段不包含 jquery 库，因此它无法工作。确保它存在于您的代码中。例如:

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