我可以在一个函数中放两个'if语句'吗?

问题描述 投票:-3回答:1

我可以在if中放两个myFunction()声明吗?如何在'if'上再添加一个myFunction()语句?基本上我需要为每个特定复选框设置值,将其乘以在文本框中输入的数字,结果将变为“total”。

例如 :

if ( checkbox : Name - is selected) { 
    /*Multiply the value of Name*/ 200 * myNumber /*the number entered in textbox*/
}  

和以前一样,结果是total

$(document).ready(function() {
  document.getElementById("demo").innerHTML = 0;
  $('label').click(function() {
    $('.option:checked').each(function() {
      $(this).parent().css('background', 'gold');
    });

    $('.option:not(:checked)').each(function() {
      $(this).parent().css('background', '#fff');
    });

    updateTotal();
  });
});

function myFunction() {
  var x = document.getElementById("myNumber").value;
  document.getElementById("demo").innerHTML = x;

  if (x == 5 || x == 6 || x == 7) {
    document.getElementById("demo").innerHTML = 97 * x;

  } else if (x == 8 || x == 9 || x == 10) {
    document.getElementById("demo").innerHTML = 87 * x;

  } else if (x >= 11) {
    document.getElementById("demo").innerHTML = 82 * x
  } else {
    document.getElementById("demo").innerHTML = 0;
  };

  updateTotal();
}

function updateTotal(){
    var total = 0;
    var totalAmount = 0;
    $('.option:checked').each(function() {
      total += parseInt($(this).val());
    });

    totalAmount = total + parseInt(document.getElementById("demo").innerHTML);

    $('#total').html( totalAmount +' $');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number" id="myNumber" onkeyup="myFunction()">
<p id="demo"></p>
<br>
<label><input type="checkbox" class="option" value="200" /> Name</label><br />
<label><input type="checkbox" class="option" value="300" /> Blah</label><br />
<label><input type="checkbox" class="option" value="400" /> XYZ</label><br />
<label><input type="checkbox" class="option" value="800" /> Something</label><br />
<label><input type="checkbox" class="option" value="1200" /> Item</label><br />
<br><br> Total :
<div id="total">0 $</div>
<br>

我在这里有任何进一步的问题。在此先感谢您的帮助。

javascript html
1个回答
0
投票

我不确定这是否是你想要实现的目标。但是我将简单介绍一下if,if else和else语句的简单用法。

在“myFuction”中,如果您希望在现有变量“x”上计算逻辑,那么您可以继续添加另一个“else if”语句,其中包含您希望实现的条件。

但是,假设您想要添加逻辑,如果对于一个全新的变量,请说“y”,然后继续在“x”的else块之后为y添加另一组if,if else和else语句

希望这可以帮助。如果您可以尝试提出一个确切的问题,那将会非常有帮助。

© www.soinside.com 2019 - 2024. All rights reserved.