PHP在radiobutton上显示文本框

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变量但在比较测试中写了$(document).ready(function() { $('input[name="gender"]').click(function() { var value = $(this).val(); if( value == "male") { $('#address').hide(); } else{ $('#address').show(); } }); }); </script>。

试试这个：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

修改

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

  .social-media {
     height: 100px;
     width: 100px;
     border-radius: 25px;
  }
  .social-media img{
     width: 100%;
  }