js realisiert die Bearbeitung durch Klicken auf die Schaltfläche

Dieser Artikel stellt hauptsächlich die js-Implementierung des Klickens auf die Schaltfläche zum Bearbeiten vor. Er hat einen gewissen Referenzwert. Jetzt können Freunde in Not darauf verweisen.

<script type="text/javascript">
//修改密码
//抓取到的数据
   function edit() {
       document.getElementById("ps").style.display = "none";
       document.getElementById("pw").style.display = "";
       document.getElementById("of").style.display = "";
       var butt = document.getElementById("btt");
       butt.value = "修 改";
       butt.onclick = function () {
           save();//第二次单击的时候执行这个函数
       };
   }
//取消健
   function off() {
   	var pass = document.getElementById(&#39;ps&#39;);
       var pws = document.getElementById("pw");
       var butt = document.getElementById("btt");
       document.getElementById("of").style.display = "none",
       butt.value = "编 辑";
       pws.style.display = "none";
       pass.innerHTML = pws.value;
       pass.style.display = "";
       butt.onclick = function () {
           edit();//还原第一次单击的时候执行的函数
       };
   }
//编辑之后的状态
   function save() {
       var pass = document.getElementById(&#39;ps&#39;);
       var pws = document.getElementById("pw");
       var butt = document.getElementById("btt");
       butt.setAttribute("type","submit");
       butt.value = "编 辑";
       pws.style.display = "none";
       pass.innerHTML = pws.value;
       pass.style.display = "";
       butt.onclick = function () {
           edit();//还原第一次单击的时候执行的函数
       };
   }
</script>
</p>
<form action="oneself.php" method="post">
<p style="font: 16px &#39;宋体&#39;;">姓名: <input type="text" name="name" value="张三" /></p>
<p style="font: 16px &#39;宋体&#39;;">账号: <input type="text" name="handset" value="13888888888" /></p>
<p style="font: 16px &#39;宋体&#39;;">密码: <span id="pass" style="border: 1px solid gray; width: 200px;">888888</span> <textarea id="ei" style="display: none;" name="newpass">888888</textarea> <input id="btt" onclick="edit();" type="button" name="btt" value="编 辑" /> <input id="of" style="display: none;" onclick="off();" type="button" name="of" value="取 消" /></p>
</form>

>Das Obige ist das Ganze Ich hoffe, dass der Inhalt dieses Artikels für das Lernen aller hilfreich ist. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

jquery, um den Effekt des horizontalen Scrollens von Bildern zu erzielen

Test der nativen Javascript-Kapselungsfunktion zum Ausblenden -Ein- und Ausblendeffekt

Das obige ist der detaillierte Inhalt vonjs realisiert die Bearbeitung durch Klicken auf die Schaltfläche. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!