javascript - 如何使用 .change() 仅检查页面的一部分

Question

我在一个页面上有一堆 html 复选框，但想要有两组不同的复选框。我在想我可以将它们分配到一个类中或将它们插入到一个 div 中，以便我可以以某种方式分别引用它们......？只是不确定如何在语法上执行此操作。

例如，目前我正在使用

$('input[type=checkbox]').change(function(){ /*insert my code functionality here*\ });

引用复选框，但是当我只希望它应用于其中的一半时，这会更改我的所有复选框。

Answer 1

你可以试试这个

HTML

<input type="checkbox" value="1" class="group1" name="chk1" />Check One
<input type="checkbox" value="2" class="group1" name="chk2" />Check Two

<input type="checkbox" value="3" class="group2" name="chk3" />Check One
<input type="checkbox" value="4" class="group2" name="chk4" />Check Two​

JS

$('input[type=checkbox].group1').change(function(){
   // code
});

$('input[type=checkbox].group2').change(function(){
   // code
}); 

一个例子在这里。

Answer 2

就像您在问题中所说的那样，使用课程。

然后你可以这样做：

$(".check-1, .check-2").change(function(e) {
    /* do work */
});

见 jsFiddle

Answer 3

使用类将它们分成两组..

.tobechecked  // Assign a class to all the checkboxes that need to 
              // for this event

$('.tobechecked').change(function(){

Answer 4

通过不同的类识别组，然后您可以通过jquery按类确定它。

$('.specific_group_class').change(function(){..}