如何在纯javascript中使用toggle functon切换html表单

如何在纯javascript中使用toggle functon切换html表单,javascript,html,toggle,Javascript,Html,Toggle,我试图用纯java脚本切换一个完整的html表单newBill,方法是在JS函数toggle中传递表单的Id作为参数,并使用onclick事件切换,但不确定为什么它根本不起作用 功能切换(id){ var e=document.getElementById(id); 如果(e.style.display='block'| | e.style.display==''){ e、 style.display='none'; }否则{ e、 style.display='block'; } }

我试图用纯java脚本切换一个完整的html表单
newBill
,方法是在JS函数
toggle
中传递表单的
Id
作为参数,并使用
onclick
事件切换,但不确定为什么它根本不起作用

功能切换(id){
var e=document.getElementById(id);
如果(e.style.display='block'| | e.style.display==''){
e、 style.display='none';
}否则{
e、 style.display='block';
}
}

订单编号:

也许根据您的代码,我想您需要一个单独的报价

切换(“纽贝尔”)是错误的

你需要这个

<a href="#home" onclick="toggle('newBill')"> New Bill</a>

也许根据您的代码,我想您需要一个单独的报价

切换(“纽贝尔”)是错误的

你需要这个

<a href="#home" onclick="toggle('newBill')"> New Bill</a>

更改onclick属性

应该是

onclick="toggle('newBill')"

工作示例更改onclick属性

应该是

onclick="toggle('newBill')"

工作示例

它给出了什么错误?不能在由双引号分隔的文本中使用双引号。您需要
onclick=“toggle(\'newBill')”
或屏蔽它们:
onclick=“toggle(\'newBill\”)”
禁止继续并删除该问题。单击“新建账单”按钮时,它不会执行任何操作,下次检查浏览器控制台。它工作正常,会出现什么错误?不能在由双引号分隔的文本中使用双引号。您需要
onclick=“toggle(\'newBill')”
或屏蔽它们:
onclick=“toggle(\'newBill\”)”
不要继续并删除该问题。单击“新建账单”按钮后,它不会执行任何操作,下次检查浏览器控制台。它工作正常是..这是一个打字错误,但我正在表单中调用一个新函数,但它在表单中不起作用,切换后,哪里是提交函数调用。它既不在id上,也不在html输入类型中submit@Prasad_Joshi您的问题是关于切换隐藏/显示不起作用的,通过更正输入错误解决了这个问题,请为您遇到的任何其他问题打开一个新问题,并接受此问题的答案,该问题解决了您的隐藏/显示切换问题。好的..感谢更新..将打开一个新问题。是..这是一个打字错误,但我正在表单中调用一个新函数,该函数在表单中不起作用,切换后,哪里是提交函数调用。它既不在id上,也不在html输入类型中submit@Prasad_Joshi您的问题是关于切换隐藏/显示不起作用的,通过更正输入错误解决了这个问题,请为您遇到的任何其他问题打开一个新问题,并接受解决隐藏/显示切换问题的此问题的答案。好的..感谢更新..将打开一个新问题。