Javascript 具有多个类的按钮的Jquery单击事件失败

我有一个带按钮的表单，如下所示。此处不会触发单击事件

<form role="form" method="POST" id="exportform" action="{{ route('export_pdf') }}">
  <input type="checkbox"  name="dataoption[]" id="filled-in-box5" value="1"  />
  <input type="checkbox"  name="dataoption[]" id="filled-in-box7" value="2"/>
  <button type="button" class="btn-floating pdf-btn page"><i class="material-icons">picture_as_pdf</i></button>
</form>


<script type="text/javascript">

   $(document).on('click',"[type='button'][class='page']",function(){
      // do action 
  });
</script>

或作为

picture\u as\u pdf
$（文档）。在（'单击'，“类['页]”，函数（）上{
//行动
});

---

它起作用了。但是我需要检查类型和类到火的动作。当存在多个类时，为什么这不可能？如何使其工作？

以下是您需要键入的内容，以使其触发类和类型

$(document).on('click',".page[type=button]",function(){
      // do action 
  });

请试试这个

$(document).ready(function(){
     $(".page[type='button']").click(function(){
     alert('clicked');
   })
 });

---

在您的情况下，像这样使用操作侦听器更容易：

$('.page').on('click',function(){
     // do action 
});

$（文档）.on（'click'，”.page[type='button']），function（）{
警觉（“正在工作”）；
});

图片（pdf格式）

$(document).ready(function(){
     $(".page[type='button']").click(function(){
     alert('clicked');
   })
 });

$('.page').on('click',function(){
     // do action 
});