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