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

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>