Jquery 为两个复选框列表调用不同的方法

我有两个复选框列表，当选中任意两个列表中的任何复选框时，我通过此事件调用该方法

 $("input[type='checkbox']").change(function () {
            var val = $(this).val();
            if (this.checked) // if changed state is "CHECKED"
            {
                MainClass.onLayer(val);

                // do the magic here
            } else {
                if (val != undefined) {
                    MainClass.offLayer(val);
                }
    //            alert("false");
            }
        });
    });

以下是我的复选框列表的外观：

    <div class="tabBox_slide">
          <div class="tabcard active">
            <div class="titleList"><span class="list-plus"></span> Census</div>
            <div class="containerGeoFeture">
              <ul>
                <li>
                  <label for="IndiaBoundary">
                    <input type="checkbox" name="IndiaBoundary"  id="IndiaBoundary"/>
                    <span class="checkmark"></span> India Boundary </label>
                  <span class="bgcolor_boundary "></span> 
                  </li>
                  <li>
                  <label for="IndiaBoundary2">
                    <input type="checkbox" name="IndiaBoundary"  id="IndiaBoundary2"/>
                    <span class="checkmark"></span> India Boundary </label>
                  <span class="bgcolor_boundary "></span> 
                  </li>


              </ul>
            </div>
          </div>
<div class="tabcard">
        <div class="titleList"><span class="list-plus"></span> GPS</div>
        <div class="containerGeoFeture">
          <ul>
            <li class="gpsstyle">

              <label for="gps">
                <input type="checkbox" name="gps"  id="gps"/>
                <span class="checkmark"></span> GPS </label>
              <span class="bgcolor_boundary "></span> 
              </li>

          </ul>
        </div>
      </div>

人口普查


印度边界


印度边界


全球定位系统


全球定位系统

---

因此，现在的问题是需要为两个复选框列表调用单独的方法？我如何才能做到这一点？

我在div中添加

id

，您可以自行设置

$("#tab1 input[type=checkbox]").each(function () {
    });
    $("#tab2 input[type=checkbox]").each(function () {
    });



   <div class="tabBox_slide">
          <div class="tabcard active">
            <div class="titleList"><span class="list-plus"></span> Census</div>
            <div class="containerGeoFeture" id="tab1">
              <ul>
                <li>
                  <label for="IndiaBoundary">
                    <input type="checkbox" name="IndiaBoundary"  id="IndiaBoundary"/>
                    <span class="checkmark"></span> India Boundary </label>
                  <span class="bgcolor_boundary "></span> 
                  </li>
                  <li>
                  <label for="IndiaBoundary2">
                    <input type="checkbox" name="IndiaBoundary"  id="IndiaBoundary2"/>
                    <span class="checkmark"></span> India Boundary </label>
                  <span class="bgcolor_boundary "></span> 
                  </li>


              </ul>
            </div>
          </div>
<div class="tabcard">
        <div class="titleList"><span class="list-plus"></span> GPS</div>
        <div class="containerGeoFeture" id="tab2">
          <ul>
            <li class="gpsstyle">

              <label for="gps">
                <input type="checkbox" name="gps"  id="gps"/>
                <span class="checkmark"></span> GPS </label>
              <span class="bgcolor_boundary "></span> 
              </li>

          </ul>
        </div>
      </div>

$（“#tab1输入[类型=复选框]”）。每个（函数（）{
});
$（“#tab2输入[类型=复选框]”）。每个（函数（）{
});
人口普查


印度边界


印度边界


全球定位系统


全球定位系统

我在div中添加了

id

，您可以自行设置

$("#tab1 input[type=checkbox]").each(function () {
    });
    $("#tab2 input[type=checkbox]").each(function () {
    });



   <div class="tabBox_slide">
          <div class="tabcard active">
            <div class="titleList"><span class="list-plus"></span> Census</div>
            <div class="containerGeoFeture" id="tab1">
              <ul>
                <li>
                  <label for="IndiaBoundary">
                    <input type="checkbox" name="IndiaBoundary"  id="IndiaBoundary"/>
                    <span class="checkmark"></span> India Boundary </label>
                  <span class="bgcolor_boundary "></span> 
                  </li>
                  <li>
                  <label for="IndiaBoundary2">
                    <input type="checkbox" name="IndiaBoundary"  id="IndiaBoundary2"/>
                    <span class="checkmark"></span> India Boundary </label>
                  <span class="bgcolor_boundary "></span> 
                  </li>


              </ul>
            </div>
          </div>
<div class="tabcard">
        <div class="titleList"><span class="list-plus"></span> GPS</div>
        <div class="containerGeoFeture" id="tab2">
          <ul>
            <li class="gpsstyle">

              <label for="gps">
                <input type="checkbox" name="gps"  id="gps"/>
                <span class="checkmark"></span> GPS </label>
              <span class="bgcolor_boundary "></span> 
              </li>

          </ul>
        </div>
      </div>

$（“#tab1输入[类型=复选框]”）。每个（函数（）{
});
$（“#tab2输入[类型=复选框]”）。每个（函数（）{
});
人口普查


印度边界


印度边界


全球定位系统


全球定位系统

您可以为复选框指定不同的名称或id，如，并相应地调用该函数

$（“输入[name='checkbox1']”）。更改（函数（）{

}

$（“输入[name='checkbox2']”）。更改（函数（）{

---

}

您可以为复选框指定不同的名称或id，如，并相应地调用该函数

$（“输入[name='checkbox1']”）。更改（函数（）{

}

$（“输入[name='checkbox2']”）。更改（函数（）{

---

}

发送您的完整代码发送您的完整代码总计3复选框？不，这只是一个示例，可能还有更多。是否有一种方法可以在没有id的情况下执行此操作，因为我的页面中有许多复选框，这对我来说非常长？让我们来看看。总计3复选框？不，这只是一个示例，可能有更多。是否有一种方法可以在没有id的情况下执行此操作这对我来说会很长，因为我的页面中有很多复选框？让我们来看看。所以我必须在我创建的每个复选框中包含名称？是的，Gaurav、名称或id，以便于区分复选框。或者您可以在复选框标记本身中写入，如onchange=“myFunction（）”。因此，我必须在创建的每个复选框中包含名称？是、名称或id，以便于区分复选框。或者，您可以在复选框标记本身中写入，如onchange=“myFunction（）”。