基于使用JavaScript的输出的多个复选框

时间:2018-11-19 17:02:45

标签: javascript

请考虑我有一个变量var = output [],并且此输出有时会有一个输出或多个输出。现在,我想基于输出创建一个复选框。 如果out为1,则必须使用输出名称创建一个复选框,如果输出为多个,则必须使用输出名称创建多个复选框。请帮帮我,您能否仅将其设为JavaScript而不将其与其他版本结合使用。

1 个答案:

答案 0 :(得分:0)

在此使用javascript代码

<div id="cblist">
      <input type="checkbox" value="first checkbox" id="cb1" /> <label for="cb1">first checkbox</label>
    </div>

    <input type="text" id="txtName" />
    <input type="button" value="ok" onClick="addCheckbox()" id="btnSave" />

       function addCheckbox(name) {
          var container = document.getElementById('cblist');
          var name = document.getElementById('txtName').value

          var input = document.createElement("input");
          input.setAttribute("type", "checkbox");
          input.setAttribute("value", name);
          input.setAttribute("name", 'cb' + name);
          container.appendChild(input);

          var label = document.createElement("label");
          label.htmlFor = "cb" + name;
          label.innerHTML = name;
          container.appendChild(label);

        }

https://jsfiddle.net/31u8eszd/5/