Javascript 选中复选框时显示div

HTML:

我需要在选中任何复选框后显示该按钮。但单击复选框时不会发生任何情况。我做错了什么？我需要从按钮中删除.hidden。如果选中集合中的任何元素，则“.is”：checked”将返回true：

$('.choose_style input[type="checkbox"]').on('change', function () {
  if ($('input[name=homestyles]:checked').val()) {
    $('.homes').removeClass('hidden');
  }
});

请注意，发布的标记没有。请选择\u style或homestyles元素？

尝试：

$('.choose_style input[type="checkbox"]').on('change', function () {
    if ( $('input[name=homestyles]').is(':checked') ) {           
        $('.homes').removeClass('hidden');
    }
});

---

你的代码中有很多错误。我修复了其中的几个以使其正常工作

---

不确定是这样，还是只是复制粘贴错误，但Jquery正在检查名为homestyles的元素。然而，HTML标记显示每个名称都是HomeType

$('.choose_style input[type="checkbox"]').on('change', function () {
    if ( $('input[name=homestyles]').is(':checked') ) {           
        $('.homes').removeClass('hidden');
    }
});

$('.hometype  input[type="checkbox"]').on('change', function (){
    if ($('input[name="hometypes"]').is(':checked')) {           
        $('.fixed_button.homes').removeClass('hidden');
    }
    else{
        $('.fixed_button.homes').addClass('hidden');
    }
});

$('input[type="checkbox"]').on('change', function () {
    if ($('input[name=homestyles]:checked')) {
        $('.homes').removeClass('hidden');
    }
 });