主页 / 问题 / 1437683
Accepted
Max Watson
Asked:2022-08-09 17:07:19 +0000 UTC2022-08-09 17:07:19 +0000 UTC

JS如何跟踪变量的变化？

  • 772

我找不到一种可以理解的方法来跟踪变量中的值。有条件地，我有两个变量，默认情况下有 values false，但是当true我需要执行一些操作时。例如，如本例所示，您需要跟踪值并启用按钮。

let a = false;
let b = false;

// Проверяю перый чек бокс и меняю значение
$('#check_1').on('change', function(){
    if($(this).prop('checked')){
        a = true;
    }else{
        a = false;
    }
});

// Проверяю второй чек бокс и меняю значение
$('#check_2').on('change', function(){
    if($(this).prop('checked')){
        b = true;
    }else{
        b = false;
    }
});

//Теперь как то нужно првоерить значение в переменных a и b и включить кнопку.
if (a == true && b == true) {
  $('#btn_send').attr('disabled', false);
} else {
  $('#btn_send').attr('disabled', true);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button id='btn_send' disabled>Send</button>
<p><input id='check_1' type='checkbox'>Check 1</p>
<p><input id='check_2' type='checkbox'>Check 2</p>

javascript jquery

1 个回答

  1. Best Answer

    或者，只需进行包含您的条件的函数调用。

    例如像这样：

    let a = false;
let b = false;

// Проверяю перый чек бокс и меняю значение
$('#check_1').on('change', function(){
    if($(this).prop('checked')){
        a = true;
    }else{
        a = false;
    }
    checkIfBothTrue();
});

// Проверяю второй чек бокс и меняю значение
$('#check_2').on('change', function(){
    if($(this).prop('checked')){
        b = true;
    }else{
        b = false;
    }
    checkIfBothTrue();
});

//Теперь как то нужно првоерить значение в переменных a и b и включить кнопку.
function checkIfBothTrue() {
  if (a == true && b == true) {
    $('#btn_send').attr('disabled', false);
  } else {
    $('#btn_send').attr('disabled', true);
  }
}
    <button id='btn_send' disabled>Send</button>
<p><input id='check_1' type='checkbox'>Check 1</p>
<p><input id='check_2' type='checkbox'>Check 2</p>

    • 0

相关问题