php - 在 Javascript 中隐藏和显示文本框

Question

我正在尝试使用以下代码隐藏和显示框。此工作但框默认显示。我可以隐藏该框并仅在单击时显示吗？目前 onclick 用于隐藏框。

<script type="text/javascript">
function display(id) {
var obj = document.getElementById(id)
if (obj.style.display == "none") {
obj.style.display = "block"
    }
else {
    obj.style.display = "none"
    }
return false
}
</script>

 <form>
<input type="button" value="Customize" onclick="display('box1_<?=$pd_id?>')">
<input type="submit">
</form>

Answer 1

1) 当然只需向对象添加样式或 css 类即可。

<input type="button" style="display:none" value="Customize" onclick="display()">

2) 仅提取事件中的元素:

   function display(evnt) {
    var obj = evnt.target;
    obj.style.display = (obj.style.display === 'none') ? 'block' : 'none'; // (cond) ? <do> : <else>
}

jsFiddle example working example(忽略 getDocument 行，当然，一旦它被隐藏，你就再也看不到它了..;)

http://jsfiddle.net/BRa9n/