JavaScriptを使ってinnerHTMLを使ってテーブル全体を挿入しようとしています

Question

私は人々に記入してもらいたいフォームを持っていますが、既にメンバーであれば、チェックボックスとテーブルにあるフォームをチェックして表形式のサインイン。これに行く方法はありますか？

function CheckMember() { 
// Function to Check if Check box is Checked 
    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='CheckMember()' /></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='CheckMember()' /></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>"; 

}; 

</script> 

HTML部分：

<div id="forms">CHANCE THIS</div> 

Answer 1

言っユーザーuser1370958が好きですか、またはあなたは私が行うことになる、1行にそれを持っているだけの可能性がここに

は、コードのいくつかはあります生産のために

各チェックボックス内onclick

`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>"; 
} 
}; 

を試してみてください。

<div id="forms"><script>CheckMember()</script></div> 

あなたはそれが、少なくとも表ロード今、助けたが、今私は、チェックボックスをクリックすることはできません