我正在动态创建checkboxlist，但它显示语法错误

Question

if (control == 'CheckBoxList2') {                  
        <div class='container'>
              <input type='checkpro1'/>0037 : Quinn, Thomas DDS <br/>
              <input type='checkpro2'/>1234 : Sad, Asd <br/>
              <input type='checkpro3'/>QADR2 : Snell, Jason <br/>
              <input type='checkpro4'/>12SPAC : Space, Ken <br/>
              <input type='checkpro5'/>12345 : Test, Hygienist DDS <br />                
       </div></td></tr>
}

它在上面的代码中显示了红线。

我将代码附加到html var中，但仍然不起作用。

if (控制== 'CheckBoxList2') { var html_val=“0037 : Quinn，Thomas DDS

                       1234 : Sad, Asd 

                       QADR2 : Snell, Jason 

                       12SPAC : Space, Ken 

                       12345 : Test, Hygienist DDS 

"；

                </div>
            } 

Answer 1

if (control == 'CheckBoxList2') {                  
    var html_val = "<div class='container'><input type='checkbox' name='checkpro1'/>0037 : Quinn, Thomas DDS <br/>";
}

类型必须是checkbox，并根据您的要求命名。

以上是您需要根据需求进行修改的参考代码。

在变量中追加html字符串，并使用变量显示HTML

Answer 2

在js中不能像这样使用HTML。像下面的代码一样使用

if (control == 'CheckBoxList2') {                  
    var html_val = "<div class='container'><input type='checkpro1'/>0037 : Quinn, Thomas DDS <br/>";              
}

Answer 3

假设您希望在id='CheckBoxList2‘的控件中包含HTML代码

if (control == 'CheckBoxList2') {                  
        var divHtml='<div class='container'>';
        divHtml+='<input type='checkpro1'/>0037 : Quinn, Thomas DDS <br/>';
        divHtml+='<input type='checkpro2'/>1234 : Sad, Asd <br/>';
        divHtml+='<input type='checkpro3'/>QADR2 : Snell, Jason <br/>';
        divHtml+='<input type='checkpro4'/>12SPAC : Space, Ken <br/>';
        divHtml+='<input type='checkpro5'/>12345 : Test, Hygienist DDS <br />';                
        divHtml+='</div>';
        document.getElementById('CheckBoxList2').innerHTML=divHtml;
}

如果你想把HTML代码放在另一个元素中，比如一个表格单元，那么你需要引用这个元素，并在这个元素上使用innerHTML。