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

时间:2018-05-13 13:33:19

标签: javascript html

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

例如:

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>

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

0 个答案:

没有答案
相关问题