javascript - 在控制台中记录复选框的值

Question

我希望控制台在每次选中或取消选中复选框时进行记录。我目前的方法有什么问题？这不会向控制台打印任何内容。

$(document).ready(function(){
    console.log("loaded");
});

var $filterCheckboxes = $('input[type="checkbox"]');
$filterCheckboxes.on('change', function() {
  $filterCheckboxes.filter(":checked").each(function() {
    console.log(this.value);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<li class="">
  <div class="checkbox-group">
    <input type="checkbox" name="name_1" value="value1" id="id_1">
    <label for="name_1">
      <span class="check"></span>
      <span class="box"></span>
      Name 1
    </label>
  </div>
</li>

Answer 1

let fieldnamelist = [];
        $(".fieldnames").click(function()
        {
          	let fieldnamecheck = $(this).is(":checked");
          	let fieldnames = $(this).val();
          	if(fieldnamecheck==true)
          	{
              	fieldnamelist.push(fieldnames);
              	console.log(fieldnamelist);
          	}
          	else
          	{
              	for(var i =0;i<3;i++)
              	{
                  	if(fieldnamelist[i]==fieldnames)
                  	{
                      	fieldnamelist.splice(i, 1);
                      	console.log(fieldnamelist);
                  	}
              	}
          	}
        });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" class="fieldnames" value="One"> One
        
                <input type="checkbox" class="fieldnames" value="Two"> Two