js實(shí)現(xiàn)當(dāng)復(fù)選框選擇匿名登錄時(shí)隱藏登錄框效果
本文實(shí)例講述了js實(shí)現(xiàn)當(dāng)復(fù)選框選擇匿名登錄時(shí)隱藏登錄框效果。分享給大家供大家參考。具體如下:
本技巧是比較常見(jiàn)的,有些網(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)文章
使用javascript實(shí)現(xiàn)監(jiān)控視頻播放并打印日志
這篇文章主要介紹了使用javascript實(shí)現(xiàn)監(jiān)控視頻播放并打印日志的方法及示例代碼分享,非常不錯(cuò),需要的朋友可以參考下2015-01-01父節(jié)點(diǎn)獲取子節(jié)點(diǎn)的字符串示例代碼
這篇文章主要介紹了父節(jié)點(diǎn)獲取子節(jié)點(diǎn)的字符串的方法,需要的朋友可以參考下2014-02-02在html頁(yè)面上拖放移動(dòng)標(biāo)簽
在html頁(yè)面上拖放移動(dòng)標(biāo)簽,需要的朋友可以參考下。2010-01-01微信公眾號(hào)網(wǎng)頁(yè)授權(quán)登錄的超簡(jiǎn)單實(shí)現(xiàn)步驟
微信開(kāi)放平臺(tái)為第三方移動(dòng)程序提供分享、傳播的接口,使用戶(hù)可將第三方程序的內(nèi)容發(fā)布給好友或分享至朋友圈,下面這篇文章主要給大家介紹了關(guān)于微信公眾號(hào)網(wǎng)頁(yè)授權(quán)登錄的超簡(jiǎn)單實(shí)現(xiàn)方法,需要的朋友可以參考下2022-06-06

JavaScript操作選擇對(duì)象的簡(jiǎn)單實(shí)例