小编Fal*_*nce的帖子

如何动态地将已选中的复选框元素添加到Div中?

我想打一个JavaScript function,其中,按下后button,采取的名单checkbox与他们的内容元素,检查所有checkboxes,创建一个div与这些元素checkboxes,并将结果写入HTML形式.

这是我的代码:

function  confirmDrivers() {     
   $('#selectedList').find('.chk').prop("checked", true);
   var list = document.getElementById('selectedList').getElementsByTagName("li");
   var myForm = document.getElementById('formInput');
   var text = "<strong>Selected Drivers: </strong> <br><br>";
   var myDiv = document.createElement("div");
   myDiv.setAttribute("id","selectedInputDrivers");
   myDiv.style.overflowY = "auto";
   myDiv.style.maxHeight = "100px";
   myDiv.style.maxWidth = "250px";

   for (i = list.length - 1; i >= 0; i--) {                        
      myDiv.innerHTML = list[i].innerHTML+'<br>'+myDiv.innerHTML;                 
   }            
   $("formInput").find('.chk').prop("checked", true);
   myForm.innerHTML = myDiv.outerHTML + myForm.innerHTML;
   myForm.innerHTML = text + myForm.innerHTML; …
Run Code Online (Sandbox Code Playgroud)

html javascript css checkbox jquery

5
推荐指数
1
解决办法
1221
查看次数

标签 统计

checkbox ×1

css ×1

html ×1

javascript ×1

jquery ×1