首页 > 解决方案 > jQuery循环数组以在新行显示每个元素

问题描述

获取所有选中的复选框值并显示它们想要将数组中的每个元素分隔成新行

$('#generate').on('click', function() {
      var array = [];
      $("input:checked").each(function() {
        array.push($(this).val());
      });
    
      $("#selectedSubject").text(array+'<br>'); 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

标签: javascripthtmljquery

解决方案


好的,所以我自己在最后一行修复了它,我一直使用 .text 而不是 .html,这就是让我失败的原因

$('#generate').on('click', function() {
  var array = [];
  $("input:checked").each(function() {
    array.push($(this).val());
  });
  let text = "";
  for (let i = 0; i < array.length; i++) {
  text += array[i] + "<br>";
  }
  $("#selectedSubject").html(text); 

推荐阅读