Javascript 根据单选值添加/删除表单字段

我目前正在构建一个医疗表单，我想让它更具活力。因此，第一个字段之一是一个收音机，它指示患者是男性还是女性，我希望当你选择其中一个字段时，与另一个类型相关的字段会消失

我试过这样的方法：

<script type="text/javascript">
$(document).ready(function(){
    $('#Sex').change(function(){
            if($(this).val() == "Male"){
                $('#FemaleRelatedField').remove();
            }
    });
});
</script>

$（文档）.ready（函数（）{
$（'#Sex'）。更改（函数（）{
if（$（this.val（）=“Male”）{
$（“#FemaleRelatedField”）.remove（）；
}
});
});

其中#Sex是一个无线电类型的字段（男性/女性），而#FemaleRelatedField是我们在处理男性患者时不需要回答的任何给定字段

但它似乎根本不起作用

---

提前感谢您的所有回答。

您在

if（（this）.val（）

附近的代码中遗漏了一个

$

，并将代码插入

$（document）.ready（）

试试这个：

<script type="text/javascript">
$(document).ready(function(){
    $('#Sex').change(function(){
        if($(this).val() == "Male"){
            $('#FemaleRelatedField').remove();
        }
    });
});
</script>

$（文档）.ready（函数（）{
$（'#Sex'）。更改（函数（）{
if（$（this.val（）=“Male”）{
$（“#FemaleRelatedField”）.remove（）；
}
});
});

尝试$（this）而不是（this）在代码上的小错误，您忘记将其声明为jquery变量，将其切换为$（this）.val（）几个人有相同的答案：）只是为了获得更多信息，以防您不熟悉jquery，

$（this）

返回响应

.val（）

方法的jquery对象

这个不带
$（）
的
返回一个没有
.val（）
方法的普通javascript对象
$（）
相当于
jQuery（）
。已更改为$（this）.val（），并添加了$（document）.ready，但它没有解决问题。r是否出现了一些错误？在if:console.log（$（this.val（））之前，尝试以这种方式查看$（this）val（）是什么@奥斯卡92