この記事の例では、チェック ボックスで匿名ログインが選択されている場合にログイン ボックスを非表示にする js 実装について説明します。皆さんの参考に共有してください。詳細は以下の通りです。
この手法は比較的一般的です。一部の Web サイトでは、匿名で投稿するためのログイン ボックスをオンにすると、ログイン ボックスが自動的に非表示になります。これは実際には form 要素に追加されたちょっとした JavaScript コードです。具体的な実装方法についてはコードを参照してください。
操作効果は以下の通りです:
オンライン デモのアドレスは次のとおりです:
http://demo.jb51.net/js/2015/js-checkbox-nm-login-submit-codes/
具体的なコードは次のとおりです:
<title>当复选框选择匿名登录时隐藏登录框</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">网友姓名：<input type="text" /></span>
<input type="checkbox" id="check" onclick="this.parentNode.className=this.checked?'a':'';" />匿名</div>
</body>
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
