我希望控制台在每次选中或取消选中复选框时进行记录。我目前的方法有什么问题?这不会向控制台打印任何内容。
$(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>
最佳答案
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
关于javascript - 在控制台中记录复选框的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61594416/