下面我们来看下如何来实现隐藏、显示功能;
需求是这样的,点击成功,确定按钮和下面的输入框都不显示,点击失败,确定按钮和下面的输入框都显示;
这里可以通过style对象的visibility属性设置元素是否可见,
使用 Style 对象属性的语法:
document.getElementById("id").style.property="值"
具体过程如下:
js文件中设置显示与否的函数:
function setNoVisibility(){
document.getElementById("bjkgan").style.visibility = "hidden";
document.getElementById("jqxsbma").style.visibility = "hidden";
document.getElementById("sbjqxsbxx").style.visibility = "hidden";
document.getElementById("jqxsbxx").style.visibility = "hidden";
document.getElementById("sbjqxsbxxma").style.visibility = "hidden";
}
function setVisibility(){
document.getElementById("bjkgan").style.visibility = "visible";
document.getElementById("jqxsbma").style.visibility = "visible";
document.getElementById("sbjqxsbxx").style.visibility = "visible";
document.getElementById("jqxsbxx").style.visibility = "visible";
document.getElementById("sbjqxsbxxma").style.visibility = "visible";
}
ftl文件中增加触发的函数:
报价开关:
成功
失败
确定