[英]How to show a different form on click of a radio button in HTML by pure javascript
这是我的代码。 我想在单击登录单选按钮和类似的注册单选按钮的注册表单时显示登录表单。
我收到一个错误
_blank.html:21 未捕获的类型错误：无法在 HTMLInputElement.onclick 处的 loginUser 处读取 null 的属性“追加”
_blank.html:28 未捕获的类型错误：无法在 HTMLInputElement.onclick 处的 signupUser 处读取 null 的属性“追加”
function loginUser(logindiv){ console.log('login'); var newdivlogin = document.createElement('div'); newdivlogin.innerHTML = "<label>SignUp</label><br/>"+"<input placeholder='email'/><br/>"+"<input placeholder='password'/><br/>"; document.getElementById(logindiv).append(newdivlogin); } function signupUser(signupdiv){ console.log('signup'); var newdivsignup = document.createElement('div'); newdivsignup.innerHTML = "<label>SignUp</label><br/>"+"<input placeholder='email'/><br/>"+"<input placeholder='password'/><br/>"+"<input placeholder='name'/><br/>"; document.getElementById(signupdiv).append(newdivsignup); }
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Links</title> </head> <body> <div class="user"> <h1>Please Login or Sign up if you are new User</h1> <input type="radio" id="login" name="radio" onclick="loginUser('user');" /><label>Login</label> <input type="radio" id="signup" name="radio" onclick="signupUser('user');" /><label>Sign Up</label><br/> </div> </body> </html>
将class="user"更改为id="user"
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Links</title> </head> <body> <div id="user"> <h1>Please Login or Sign up if you are new User</h1> <input type="radio" id="login" name="radio" onclick="loginUser('user');" /><label>Login</label> <input type="radio" id="signup" name="radio" onclick="signupUser('user');" /><label>Sign Up</label><br/> </div> <script> function loginUser(logindiv){ console.log('login'); var newdivlogin = document.createElement('div'); newdivlogin.innerHTML = "<label>LogIn</label><br/>"+"<input placeholder='email'/><br/>"+"<input placeholder='password'/><br/>"; document.getElementById(logindiv).append(newdivlogin); } function signupUser(signupdiv){ console.log('signup'); var newdivsignup = document.createElement('div'); newdivsignup.innerHTML = "<label>SignUp</label><br/>"+"<input placeholder='email'/><br/>"+"<input placeholder='password'/><br/>"+"<input placeholder='name'/><br/>"; document.getElementById(signupdiv).append(newdivsignup); } </script> </body> </html>
如何使用 JavaScript Pure 检查单选按钮？ 使用表单 id=value
[英]How to check a radio button with JavaScript Pure? Use Form id=value
如何使用HTML形式的JavaScript检查单选按钮验证
[英]How to check the Radio button validation using javascript in HTML form
在表单1中单击按钮：在表单2中更改隐藏输入的值（纯JavaScript）
[英]Click button in form 1: change value of hidden input in form 2 (pure javascript)
HTML 和 JavaScript：不同的值取决于单选按钮
[英]HTML and JavaScript: different values depending on the radio button
参照所选的单选按钮，如何显示元素？ 使用纯JavaScript
[英]How to display elements, refering to the selected radio button ? using pure javascript
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.