Jquery 读取数据-属性作为变量

我用带有数据属性的HTML制作了这些选择框。现在，当有人单击其中一个框时，我希望Jquery读取数据属性并将其用作变量。在池中添加1或减去1。然而，我得到了一个错误。有没有办法解决这个问题？提前谢谢

HTML:

---

您需要将数值分配给

数据

，即

1

而不是

1

，并且这两个数值必须是

2

，才能应用递增或递减运算符

<label><input type="checkbox" class="selectable one" data="1" />Antwoord 1</label><br />
<label><input type="checkbox" class="selectable two" data="1" />Antwoord 2</label><br />

安特伍德1号
安特伍德2号

---

您需要将数值分配到

数据中，即
1
而不是
1
，并且这两个值必须是
2
，才能应用递增或递减运算符

<label><input type="checkbox" class="selectable one" data="1" />Antwoord 1</label><br />
<label><input type="checkbox" class="selectable two" data="1" />Antwoord 2</label><br />

安特伍德1号

安特伍德2号

您需要将数值分配到

数据中，即
1
而不是
1
，并且这两个值必须是
2
，才能应用递增或递减运算符

<label><input type="checkbox" class="selectable one" data="1" />Antwoord 1</label><br />
<label><input type="checkbox" class="selectable two" data="1" />Antwoord 2</label><br />

安特伍德1号

安特伍德2号

您需要将数值分配到

数据中，即
1
而不是
1
，并且这两个值必须是
2
，才能应用递增或递减运算符

<label><input type="checkbox" class="selectable one" data="1" />Antwoord 1</label><br />
<label><input type="checkbox" class="selectable two" data="1" />Antwoord 2</label><br />

安特伍德1号

安特伍德2号

您可以使用另一个类似的变量引用变量，而可以使用下面给出的对象

var counter = {
    one: 0,
    two: 0
}

$('.selectable').on('click', function () {
    // tell me what pool you are
    var thispool = $(this).attr("data");
    // you are now activated
    $(this).toggleClass('activated');
    //add +1 if activated, else -1
    if ($(this).hasClass('activated')) {
        counter[thispool]++;
    } else {
        counter[thispool]--;
    }
});

---

演示：

您可以使用另一个类似的变量引用变量，而可以使用下面给出的对象

var counter = {
    one: 0,
    two: 0
}

$('.selectable').on('click', function () {
    // tell me what pool you are
    var thispool = $(this).attr("data");
    // you are now activated
    $(this).toggleClass('activated');
    //add +1 if activated, else -1
    if ($(this).hasClass('activated')) {
        counter[thispool]++;
    } else {
        counter[thispool]--;
    }
});

---

演示：

您可以使用另一个类似的变量引用变量，而可以使用下面给出的对象

var counter = {
    one: 0,
    two: 0
}

$('.selectable').on('click', function () {
    // tell me what pool you are
    var thispool = $(this).attr("data");
    // you are now activated
    $(this).toggleClass('activated');
    //add +1 if activated, else -1
    if ($(this).hasClass('activated')) {
        counter[thispool]++;
    } else {
        counter[thispool]--;
    }
});

---

演示：

您可以使用另一个类似的变量引用变量，而可以使用下面给出的对象

var counter = {
    one: 0,
    two: 0
}

$('.selectable').on('click', function () {
    // tell me what pool you are
    var thispool = $(this).attr("data");
    // you are now activated
    $(this).toggleClass('activated');
    //add +1 if activated, else -1
    if ($(this).hasClass('activated')) {
        counter[thispool]++;
    } else {
        counter[thispool]--;
    }
});

---

演示：

因为它不是一个数值来进行数值计算operations@Satpal请查看该值，它不是

1

而不是

1

，因为它不是用于进行数值计算的数值operations@Satpal请查看该值，它不是

1

而不是

1

，因为它不是用于进行数值计算的数值operations@Satpal看看它是

1

而不是

1

的值，因为它不是进行数值计算的数值operations@Satpal看看这个值，它是

1

不是

1

谢谢，这确实是我想要的！！如果HTML标记上有多个数据属性呢谢谢，这确实是我要找的！！如果HTML标记上有多个数据属性呢谢谢，这确实是我要找的！！如果HTML标记上有多个数据属性呢谢谢，这确实是我要找的！！如果HTML标记上有多个数据属性怎么办