2015-07-21 19 views
-5

我有一个页面,通过javascript动态更新购物车。我想显示/隐藏div的基于javascript的改变,但任何onlick或事件监听器在表单提交时重置,所以我需要做的是创建一个JavaScript脚本,它检查发布到购物车的值,然后选择基于此的样式。阅读javascript变量和输出CSS变化

我的想法是做这样的事情:

if(my-item-name == 'i-SPEED 716') { 
document.getElementById("716a").style.display = "none"; 
document.getElementById("716r").style.display = "inline";} 

else { 
document.getElementById("716r").style.display = "none"; 
document.getElementById("716a").style.display = "inline";} 
}; 

有没有更好的方式来做到这一点?

+8

我可以建议在看看语言的[文档有关'如果/ else'](https://developer.mozilla.org/en-US/docs/Web/的JavaScript /参考/语句/ IF ... ELSE)? – Cerbrus

+1

'if'语句的语法,似乎是一个很好的方式来处理这些风格的变化。我建议寻找方法来使用AJAX发布表单数据,而不是常规提交和页面重新加载,因为这样可以解决失去监听者的问题。 –

+0

人们正陷入语法错误。目前还不清楚提交是如何处理的,或者这个if如何被用来真正提供替代方案。显示这个'if'的上下文将有助于 – charlietfl

回答

0

假设您获取购物车物品的价值。你可以试试这个格式:

if(cartItems.length > 0){ 

    /*do something....*/ 

    }else{ 

    /*do something else...*/ 

    }