使用 javascript 对 html 脚本进行小修改，我无法解决[关闭]

这是我的代码

<div class="rButtons">
<input type="radio" name="numbers" value="10" onclick="uncheck();" />10
<input type="radio" name="numbers" value="20"  onclick="uncheck();" />20
<input type="radio" name="numbers" value="other" onclick="check(this);"/>other
<input type="text" id="other_field" name="other_field" onblur="checktext(this);"/>
</div>

这是CSS代码

<style type="text/css">
#other_field
{
visibility: hidden;
}
</style>

这是js

<script type="text/javascript">
function uncheck()
 {
   document.getElementById('other_field').style.visibility = "hidden";
 }
function check(inputField)
{
    if(inputField.checked)
    {
        document.getElementById('other_field').style.visibility = "visible";
    }
}
function checktext(inputField)
{
    if(isNaN(inputField.value))
    {
        alert('only numbers are allowed..');
        return false;
    }
    else if( (inputField.value % 10 ) != 0)
    {
        alert('only multiples of 10..');
        return false;
    }
    else
    {
        return true;
    }

}
</script>

一切都很好.. 但问题是这样的..当我单击“其他”单选按钮时，它会打开一个新的空白字段，但是当我单击返回 10 或 20 时，它会保留在那里..我怎样才能使其消失？

我知道答案很简单..但我尝试了很多方法但不起作用..

Thanks

你可以用 JQuery 来做到这一点，它更简单，如下所示

<script>
 var $radios = $('input:radio[name=numbers]');
        if ($radios.is(':checked') === true) {
           $("#other_field").show();
        }     
        else
        {
           $("#other_field").hide();
        }   

</script>