欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)操作頁(yè)面元素樣式的相關(guān)技巧,非常簡(jiǎn)單實(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獲取本機(jī)IP地址三種常用方式

    JavaScript獲取本機(jī)IP地址三種常用方式

    在瀏覽器中使用JavaScript獲取本機(jī)IP地址是不可行的,因?yàn)闉g覽器的安全策略禁止JavaScript訪問(wèn)這樣的信息,這篇文章主要給大家介紹了關(guān)于JavaScript獲取本機(jī)IP地址的三種常用方式,需要的朋友可以參考下
    2023-12-12
  • JavaScript操作選擇對(duì)象的簡(jiǎn)單實(shí)例

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

    下面小編就為大家?guī)?lái)一篇JavaScript操作選擇對(duì)象的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧
    2016-05-05
  • JS生成一維碼(條形碼)功能示例

    JS生成一維碼(條形碼)功能示例

    這篇文章主要介紹了JS生成一維碼(條形碼)功能,結(jié)合完整實(shí)例形式分析了JS插件生成條形碼的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下
    2017-01-01
  • bootstrap Table插件使用demo

    bootstrap Table插件使用demo

    本篇文章主要介紹了bootstrap Table插件使用demo,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-08-08
  • 最新評(píng)論