js實現(xiàn)當復(fù)選框選擇匿名登錄時隱藏登錄框效果
更新時間：2015年08月14日 15:32:51 作者：企鵝
這篇文章主要介紹了js實現(xiàn)當復(fù)選框選擇匿名登錄時隱藏登錄框效果,實例分析了javascript動態(tài)操作頁面元素樣式的相關(guān)技巧,非常簡單實用,需要的朋友可以參考下
本文實例講述了js實現(xiàn)當復(fù)選框選擇匿名登錄時隱藏登錄框效果。分享給大家供大家參考。具體如下：
本技巧是比較常見的，有些網(wǎng)站可以登錄發(fā)帖或匿名發(fā)帖，當勾選復(fù)選框選擇匿名發(fā)帖時，登錄框自動隱藏了，是不是更人性化了？這其實是在表單元素上稍微加了一點JavaScript代碼，具體實現(xiàn)方法請查看代碼。
運行效果如下圖所示：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-checkbox-nm-login-submit-codes/
具體代碼如下：
<title>當復(fù)選框選擇匿名登錄時隱藏登錄框</title>
<style>.a #login,#uname{display:none;}.a #uname{display:inline;}</style>
<body>
<div>
<span id="login">帳號：<input type="text" /> 密碼：<input type="text" /> <input type="submit" value="登錄" /></span>
<span id="uname">網(wǎng)友姓名：<input type="text" /></span>
<input type="checkbox" id="check" onclick="this.parentNode.className=this.checked?'a':'';" />匿名</div>
</body>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
前端技巧之HTTP中POST提交數(shù)據(jù)四種方式
這篇文章主要為大家介紹了前端技巧之HTTP中POST提交數(shù)據(jù)四種方式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
JS實現(xiàn)帶緩沖效果打開、關(guān)閉、移動一個層的方法
這篇文章主要介紹了JS實現(xiàn)帶緩沖效果打開、關(guān)閉、移動一個層的方法,涉及javascript鼠標事件及頁面元素操作技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了微信小程序獲取手機系統(tǒng)信息的方法,涉及微信小程序wx.getSystemInfo函數(shù)的簡單使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了javascript面向?qū)ο罂焖偃腴T實例,以一個簡單實例分析了javascript面向?qū)ο蟮闹袑ο蟮亩x與使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細介紹了js用類封裝pop彈窗組件的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
全面解析JS字符串和正則表達式中的match、replace、exec等函數(shù)
這篇文章主要介紹了全面解析JS字符串和正則表達式中的match、replace、exec等函數(shù)的相關(guān)資料,需要的朋友可以參考下2016-07-07
我們在書寫js的過程中，經(jīng)常會出現(xiàn)一些js錯誤，對于如果找出錯誤的解決方法就是關(guān)鍵，下面的文章就是相關(guān)的調(diào)試方法。2010-08-08
今天學(xué)習(xí)Javascript函數(shù)，發(fā)現(xiàn)這完全是一個神奇的東西。跟我們平常所見強類型語言中的函數(shù)有好多不同。下面我們就從C#和JavaScript的兩個計算階乘的函數(shù)中比較兩者的異同2012-05-05
下面小編就為大家?guī)硪黄猨s實現(xiàn)加載頁面就自動觸發(fā)超鏈接的示例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
Express與NodeJs創(chuàng)建服務(wù)器的兩種方法
本文主要介紹了NodeJs創(chuàng)建Web服務(wù)器；Express創(chuàng)建Web服務(wù)器的兩種方法，具有一定的參考價值，下面跟著小編一起來看下吧2017-02-02