JQuery сложение и расчет в процентах

jony спросил: 13 октября 2017 в 06:13 в: javascript

Я пытаюсь рассчитать процент и сложение, используя JQuery. Дополнение может работать должным образом, но вычисление процентов не может. Мой код ниже. Как я могу изменить его и рассчитать процент?

index.php

<!DOCTYPE html> 
 <html> 
 <head> 
 <title></title>  </head> 
 <body> 
 <br/><br />  <form id="jquery_percentage"> 
 <label>Total Marks</label> 
 <input type="text" name="total_marks" id="total_marks"/> 
 <br/> 
 <br/> 
 <label>Written Marks</label> 
 <input type="text" name="written_marks" id="written_marks"/> 
 <br/> 
 <br/> 
 <label>Viva Marks</label> 
 <input type="text" name="viva_marks" id="viva_marks"/> 
 <br/> 
 <br/> 
 <label>Grooming Marks</label> 
 <input type="text" name="grom_marks" id="grom_marks"/> 
 <br/> 
 <br/> 
 <label>Obtain Marks</label> 
 <input type="text" name="obt_marks" id="obt_marks"/> 
 <br/> 
 <br/> 
 <label>Percentage Marks</label> 
 <input type="text" name="perc_marks" id="perc_marks"/> 
 <br/> 
 <br/> 
 <input type="button" name="submit" id="submit" value="Submit" /> 
 </form> 
 <div id="return"></div> 
  </body> 
 </html> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
 <script>$('#written_marks, #grom_marks, #viva_marks').change(function(){
    var written_marks = parseFloat($('#written_marks').val()) || 0;
    var grom_marks = parseFloat($('#grom_marks').val()) || 0;
    var viva_marks = parseFloat($('#viva_marks').val()) || 0;    $('#obt_marks').val(written_marks + viva_marks + grom_marks);    
});
</script>
<script>$('#total_marks, #obt_marks').change(function(){
    var total_marks = parseFloat($('#total_marks').val());
    var obt_marks = parseFloat($('#grom_marks').val());
    //var viva_marks = parseFloat($('#viva_marks').val()) || 0;    $('#perc_marks').val((obt_marks * 100) / total_marks);    
});
</script>

0 ответов