javascript - 使用 JQuery 检索按钮状态（单击或未单击）

Question

我有一个按钮。我想知道是否存在一个变量，如果我单击此按钮，它会自动更改其值。例如，如果我单击了按钮，则变量设置为 1，如果我没有单击按钮变量为 0。

我会用 JQuery 或 Javascript 检索这个变量。

Answer 1

有很多方法可以做到这一点，但最容易检索然后单击按钮的方法是设置一个类，例如：

$(':button').on('click',function(){
    $(this).addClass('clicked');
});

var $clickedButtons = $('.clicked');

或者使用 data 属性，你必须在 DOM 中设置它：

$(':button').on('click',function(){
    $(this).attr('data-clicked',true);
});

var $clickedButtons = $(':button[data-clicked]');

您也可以使用数据对象：

$(':button').on('click',function(){
    $(this).data('clicked',true);
});

var $clickedButtons = $(':button').filter(function(){
        return $(this).data('clicked');
    });

为了向您展示“多种方式”，因为可以覆盖任何 javascript 对象，您可以这样做：

$(':button').on('click',function(){
    this.clicked = true;
});

var $clickedButtons = $(':button').filter(function(){
        return this.clicked;
    });

Answer 2

You could do something like this:

var x = 0;
$('#buttonID').on('click', function (event) {
        x = 1;
});

Answer 3

Is this what you're looking for?

var clickCount = 0;

$("#myButton").click(function() { 
    clickCount++;
});

Or just

clickCount = 1;

If you don't want to increment it past 1

Answer 4

没有变量。但是您可以在单击按钮后使用javascript来确定或执行某些操作

Answer 5

对于所有按钮

var click= 0;
$(':button').on('click', function (event) {
        click = 1;
});