尝试在javascript中使用innerHTML插入整个表

尝试在javascript中使用innerHTML插入整个表,javascript,checkbox,innerhtml,Javascript,Checkbox,Innerhtml,我想让人们填写表格,但如果他们已经是会员,我希望他们选中复选框,并将表格中的表格切换到表格中的登录表格。有办法做到这一点吗 下面是一些代码: 函数CheckMember(){ //用于检查复选框是否选中的函数 var ismember=document.getElementById('checkbox')。值; //检查ismember是否为0 如果(ismember=='1'){ document.getElementById(“forms”).innerHTML=“按照用户user1370

我想让人们填写表格,但如果他们已经是会员,我希望他们选中复选框,并将表格中的表格切换到表格中的登录表格。有办法做到这一点吗

下面是一些代码:

函数CheckMember(){
//用于检查复选框是否选中的函数
var ismember=document.getElementById('checkbox')。值;
//检查ismember是否为0
如果(ismember=='1'){

document.getElementById(“forms”).innerHTML=“按照用户user1370958所说的去做,或者你可以把它放在一行上,我会在生产中这样做

在每个复选框中单击添加

`onclick`='return CheckMember(0)' 
 onclick='return CheckMember(1)'
对于CheckMember函数,请尝试

function CheckMember(isMember) { 

/*
if(document.getElementById('checkbox')){
var ismember = document.getElementById('checkbox').value;
}*/



// Check if ismember = 0
if (isMember == '1') {
    document.getElementById("forms").innerHTML = "<table width='25%' border='0' cellpadding='5' cellspacing='5' bgcolor='#<?php echo $tablebg; ?>'><tr><td align='center' colspan='3'><span class='style1'>Already a Member?</span><input id='checkbox' type='checkbox' value='1' name='ismemeber' class='style2' onclick='return CheckMember(0)'  checked /></td></tr><tr><td nowrap='nowrap'><div align='center'><span class='style1'><h3>Please enter username and password</h3></span></div></td></tr><tr><td align='center'><span class='style1'>Login:</span><br /><input type='input' name='access_login' class='style2' /><br /><span class='style1'>Password:</span><br /><input type='password' name='access_password' class='style2' /><p></p><input type='submit' name='Submit' value='Submit' class='style2' /></td></tr></td></tr></table>";


// If ismember is anything else
}    else {

    document.getElementById("forms").innerHTML = "<table width='25%' border='0' cellpadding='5' cellspacing='5' bgcolor='#<?php echo $tablebg; ?>'><tr><td align='center'>Already a Member? <input id='checkbox' type='checkbox' name='ismemeber' onclick='return CheckMember(1)' /></td></tr><tr><td nowrap='nowrap'><div align='left'><span class='style1'>First Name</span></div></td><td><span class='style1'>:</span></td><td><div align='left'><input type='text' name='ffname' class='style2' maxlength='25' /></div></td></tr><tr><td nowrap='nowrap'><div align='left'><span class='style1'>Middle Initial</span></div></td><td><span class='style1'>:</span></td><td><div align='left'><input name='fmname' type='text' class='style2' size='3' maxlength='1' /></div></td></tr><tr><td nowrap='nowrap'><div align='left'><span class='style1'>Last Name</span></div></td><td><span class='style1'>:</span></td><td><div align='left'><input type='text' name='flname' class='style2' maxlength='25'/></div></td></tr><tr><td colspan='3'><input type='hidden' name='submitted' value='1' /><span class='style1'>Yes&nbsp;&nbsp;&nbsp;&nbsp;No</span></center></td></tr><tr><td colspan='3'><center><input type='submit' value='Submit' />&nbsp;&nbsp;&nbsp;&nbsp;<input type='reset' value='Reset' /></center></td></tr><tr><td colspan='3' nowrap='nowrap'><center><span class='style5'>All Fields are Required</span></center></td></tr></table>";
}
};
函数检查成员(isMember){
/*
if(document.getElementById('checkbox')){
var ismember=document.getElementById('checkbox')。值;
}*/
//检查ismember是否为0
如果(isMember=='1'){

document.getElementById(“表单”).innerHTML=”谢谢david,这很有帮助,现在至少加载了表,但由于某些原因,我现在无法单击复选框。我输入的复选框与您输入的完全相同,但复选框仍然不可单击。只需将
选中的
添加到第一个复选框中即可it@RobertH我在答案的第一个复选框元素中添加了
checked
,它现在应该可以工作了,如果它能工作,记得勾选/接受答案为Accepted谢谢!!!,当我删除这个部分时它就工作了:if(document.getElementById('checkbox')){var ismember=document.getElementById('checkbox').value;}
`onclick`='return CheckMember(0)' 
 onclick='return CheckMember(1)'
function CheckMember(isMember) { 

/*
if(document.getElementById('checkbox')){
var ismember = document.getElementById('checkbox').value;
}*/



// Check if ismember = 0
if (isMember == '1') {
    document.getElementById("forms").innerHTML = "<table width='25%' border='0' cellpadding='5' cellspacing='5' bgcolor='#<?php echo $tablebg; ?>'><tr><td align='center' colspan='3'><span class='style1'>Already a Member?</span><input id='checkbox' type='checkbox' value='1' name='ismemeber' class='style2' onclick='return CheckMember(0)'  checked /></td></tr><tr><td nowrap='nowrap'><div align='center'><span class='style1'><h3>Please enter username and password</h3></span></div></td></tr><tr><td align='center'><span class='style1'>Login:</span><br /><input type='input' name='access_login' class='style2' /><br /><span class='style1'>Password:</span><br /><input type='password' name='access_password' class='style2' /><p></p><input type='submit' name='Submit' value='Submit' class='style2' /></td></tr></td></tr></table>";


// If ismember is anything else
}    else {

    document.getElementById("forms").innerHTML = "<table width='25%' border='0' cellpadding='5' cellspacing='5' bgcolor='#<?php echo $tablebg; ?>'><tr><td align='center'>Already a Member? <input id='checkbox' type='checkbox' name='ismemeber' onclick='return CheckMember(1)' /></td></tr><tr><td nowrap='nowrap'><div align='left'><span class='style1'>First Name</span></div></td><td><span class='style1'>:</span></td><td><div align='left'><input type='text' name='ffname' class='style2' maxlength='25' /></div></td></tr><tr><td nowrap='nowrap'><div align='left'><span class='style1'>Middle Initial</span></div></td><td><span class='style1'>:</span></td><td><div align='left'><input name='fmname' type='text' class='style2' size='3' maxlength='1' /></div></td></tr><tr><td nowrap='nowrap'><div align='left'><span class='style1'>Last Name</span></div></td><td><span class='style1'>:</span></td><td><div align='left'><input type='text' name='flname' class='style2' maxlength='25'/></div></td></tr><tr><td colspan='3'><input type='hidden' name='submitted' value='1' /><span class='style1'>Yes&nbsp;&nbsp;&nbsp;&nbsp;No</span></center></td></tr><tr><td colspan='3'><center><input type='submit' value='Submit' />&nbsp;&nbsp;&nbsp;&nbsp;<input type='reset' value='Reset' /></center></td></tr><tr><td colspan='3' nowrap='nowrap'><center><span class='style5'>All Fields are Required</span></center></td></tr></table>";
}
};
<div id="forms"><script>CheckMember()</script></div>