vendredi 22 octobre 2021

Checkbox automatically being selecting when button clicked, how can I stop this?

I am making a calculator and want a specific value to be assigned depending on if the checkbox is checked or not, the code I have might work however everytime I click the "Calculate" button it automatically checks the checkbox even if it wasn't checked in the first place. How would I fix this?

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<title>Document</title>
</head>
<body>
    <form>
        <label for="side1">Side 1</label>
        <input type="checkbox" id="side1" name="side1"></input>

        <input type="button" value="Calculate" onclick="run()"></input>

        <span>Total: $</span>
        <span id="totalvalue"></span>
        <script type="text/javascript" src="tek.js"></script>
    </form>
</body>
</html>

JS

function run()
{
  var checkbox = document.getElementById('side1');
  
  if (checkbox.checked = true)
  {
    var output = 5;
  }
  else
  {
    var output = 3;
  }
  
    document.getElementById("totalvalue").innerHTML = output;

}



Aucun commentaire:

Enregistrer un commentaire