您好,登錄后才能下訂單哦!
具體代碼如下所示:
<script type="text/javascript"> //修改密碼 //抓取到的數(shù)據(jù) 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();//第二次單擊的時(shí)候執(zhí)行這個(gè)函數(shù) }; } //取消健 function off() { var pass = document.getElementById('ps'); 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();//還原第一次單擊的時(shí)候執(zhí)行的函數(shù) }; } //編輯之后的狀態(tài) function save() { var pass = document.getElementById('ps'); 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();//還原第一次單擊的時(shí)候執(zhí)行的函數(shù) }; } </script> </p> <form action="oneself.php" method="post"> <p >姓名: <input type="text" name="name" value="張三" /></p> <p >賬號(hào): <input type="text" name="handset" value="13888888888" /></p> <p >密碼: <span id="pass" >888888</span> <textarea id="ei" name="newpass">888888</textarea> <input id="btt" onclick="edit();" type="button" name="btt" value="編 輯" /> <input id="of" onclick="off();" type="button" name="of" value="取 消" /></p> </form>
總結(jié)
以上所述是小編給大家介紹的JS實(shí)現(xiàn)點(diǎn)擊按鈕可實(shí)現(xiàn)編輯功能,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)億速云網(wǎng)站的支持!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。