Heim > Web-Frontend > js-Tutorial > Hauptteil

js realisiert die Bearbeitung durch Klicken auf die Schaltfläche

不言
Freigeben: 2018-07-05 17:12:06
Original
2261 Leute haben es durchsucht

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>
Nach dem Login kopieren
>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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage