jQuery-侦听多个元素的更改事件

Question

我试图同时收听不同类型的多个输入元素的change事件。

这行不通

$(function(){
  $(".update_search").change( function() {
    alert("do some");
  });
});

<input class="update_search" id="car_type_ids_" name="car_type_ids[]" type="checkbox" value="1">
<select id="size" name="search[size]">
  <option value="1">1</option>
  <option selected="selected" value="2">2</option>
</select>

尽管选择框和输入标签仅在复选框上收到更改事件，但它们工作正常。

编辑： dom渲染后，我正在调用JQuery。 因此，所有事件都应成为约束

Answer 1

尝试这个..

$(function () {
       $("#car_type_ids_,#size").change(function () {
           alert("do some");
       });
   });

或者您可以这样做...

<input class="update_search" id="car_type_ids_" name="car_type_ids[]" type="checkbox" value="1">
<select id="size" name="search[size]" class="update_search">
  <option value="1">1</option>
  <option selected="selected" value="2">2</option>
</select>



$(function () {
       $(".update_search").change(function () {
           alert("do some");
       });
   });