PHP显示单选按钮单击上的文本框

PHP show textbox on radiobutton click

本文关键字:文本 单击 显示 单选按钮 PHP      更新时间:2023-09-26

嗨,我附加了我的代码的一部分,应该隐藏文本框,当女性被选中时,它应该显示它。但是这行不通

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

请帮助。由于

您在比较测试中设置了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>