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

时间:2013-09-05 21:55:21

标签: javascript jquery html forms field

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

我试过这样的事情:

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

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

但它似乎根本不起作用。

提前感谢您的所有答案。

1 个答案:

答案 0 :(得分:0)

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

试试这个:

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