See jsFiddle

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
});

An Example Here

Answer 2

使用类将它们分成两组。

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

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

Answer 3

通过不同的类来识别组，而不是由类通过jquery确定。

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

Answer 4

就像你在问题中所说，使用类。

然后你可以这样做：

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

如何使用.change（）仅检查页面的一部分

4 个答案:

See jsFiddle