根据单选选择值添加/删除表单域

Question

我目前正在构建一个医疗表单，我想让它更具动态性。所以，第一个字段之一是一个指示患者是男性还是女性的无线电，我希望当你选择其中一个时，与其他类型相关的字段消失。

我尝试了这样的东西：

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

其中#Sex是无线电类型字段(男性/女性)，#FemaleRelatedField是在处理男性患者时不需要回答的任何给定字段。

但它似乎一点也不起作用。

提前感谢你的所有答案。

Answer 1

您在if((this).val()附近的代码中遗漏了一个$，并将代码插入到$(document).ready()中

试试这个：

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