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

Question

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

我试过这样的事情：

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

其中#Sex 是无线电类型字段（男性/女性），#FemaleRelatedField 是我们在与男性患者打交道时不需要回答的任何给定字段。

但它似乎根本不起作用。

提前感谢您的所有回答。

Answer 1

$您在附近的代码中错过了 aif((this).val()并将您的代码插入其中$(document).ready()

尝试这个：

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