2010-06-18 217 views
1

我想基于一些单选按钮值隐藏或显示一个DIV,CSS默认的div来显示=“无”隐藏/显示通过单选按钮

这里div的输入

<input type="radio" id="payment_type" value="cash" checked="checked" name="payment_type" onchange="showhideFinancing(this.value);"/>&nbsp;Cash/Debit 
<input type="radio" id="payment_type" value="cheque" name="payment_type" onchange="showhideFinancing(this.value);"/>&nbsp;Cheque 
<input type="radio" id="payment_type" value="visa" checked="checked" name="payment_type" onchange="showhideFinancing(this.value);"/>&nbsp;VISA 
<input type="radio" id="payment_type" value="mc" name="payment_type" onchange="showhideFinancing(this.value);"/>&nbsp;Mastercard 
<input type="radio" id="payment_type" value="financing" name="payment_type" onchange="showhideFinancing(this.value);"/>&nbsp;Financing 

这里的DIV:

<div id="financing"> 
... 
</div> 

我的JavaScript FN看起来是这样的:

function showhideFinancing(payment_type) { 
    if (payment_type == "financing") { 
     document.getElementById("financing").style.display = 'block'; 
    } else { 
     document.getElementById("financing").style.display = 'none'; 
    } 
} 

Firebug显示getElementById未定义 - 谢谢!

+1

创建jsFiddle:http://jsfiddle.net/r65f6/适合我! – MvanGeest 2010-06-18 15:14:26

+1

感谢您的推荐! – Mikey1980 2010-06-18 15:27:32

回答

1

我认为它可能会说“的getElementById”没有定义是,如果不是你的,你没有,而把样品在这里(如果你的原码输入有误的唯一原因敏感始终是让我感受的人),或者如果你在页面的其他地方重新定义了文档。

+0

谈论制作一座痣山的山......这就是情况......感谢人们的欢呼! – Mikey1980 2010-06-18 15:26:49

0

嗯,你确定你有ID吗? 检查重复项。没有看到实际的代码很难说。

0

这里的一切似乎都很稳固。如果你得到一个getElementById()没有定义,那么它可能是一个错字或一些缺少的语法,如不匹配的括号。你可以假设你的html现在是正确的,专注于定义函数的脚本标记或文件我很确定你的问题在于那里。

发布更多的代码来获得更多的帮助。

0

您在那里的代码行代码适用于Safari。 getElementByID就像DOM根实现的一部分;如果它没有定义,我认为你有问题与Firefox。

http://firefiter.com/temp.php