이 기사의 예에서는 확인란이 익명 로그인을 선택할 때 로그인 상자를 숨기는 js 구현을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
이 기술은 비교적 일반적입니다. 일부 웹사이트에서는 로그인하여 익명으로 게시할 수 있습니다. 확인란을 선택하면 로그인 상자가 자동으로 숨겨지나요? 이는 실제로 양식 요소에 추가된 약간의 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 프로그래밍 설계에 도움이 되기를 바랍니다.