1. ホーム
  2. javascript

[解決済み] JavascriptのチェックボックスonChange

2022-03-04 01:44:14

質問

フォームにチェックボックスがあるのですが、以下のようなシナリオで動作させたいと思っています。

  • 誰かがチェックした場合、テキストフィールドの値( totalCost ) に設定する必要があります。 10 .
  • で、戻ってチェックを外すと、関数 calculate() の値を設定します。 totalCost は、フォーム内の他のパラメータに応じて

つまり、基本的には、チェックボックスをチェックしたらあることを行い、チェックを外したら別のことを行う、という部分が必要なのです。

どのように解決するのですか?

function calc()
{
  if (document.getElementById('xxx').checked) 
  {
      document.getElementById('totalCost').value = 10;
  } else {
      calculate();
  }
}

HTML

<input type="checkbox" id="xxx" name="xxx" onclick="calc();"/>