Блог

В поисках решения другой проблемы я столкнулся с возможностью запуска javascript при наведении курсора мыши

Я хотел бы запустить это:

 $(document).ready(function(){

function myPayment()
{

var value = document.mortgagecalc.value_input.value;
var rate = document.mortgagecalc.rate_input.value;
var term = document.mortgagecalc.term_input.value;
var deposit = document.mortgagecalc.deposit_input.value;
var fee = document.mortgagecalc.fee_input.value;
var totalloan = ((value   fee) - deposit) * 1   rate;
var totalinterest = (totalloan * 1   rate) - totalloan;
var months = (term * 12);
var repay = totalloan / months;
var interest = totalinterest / months;

// Calculate mortgage payment and display result
document.getElementById('repay_input').value = repay;
document.getElementById('interest_input').value = interest;
}
}
  

Когда пользователь наводит курсор мыши на мою кнопку отправки

Когда скрипт запускается, я бы хотел, чтобы он заполнял эти поля, которые затем включаются в действие формы

 <input type="hidden" name="repay" id="repay_input" value="">
<input type="hidden" name="interest" id="interest_input" value="">
  

Сейчас это, похоже, не работает, но это может быть потому, что я пропустил небольшую вещь или она просто не будет работать полностью

Спасибо — Если у кого-нибудь есть лучшая идея о том, как достичь моей цели, пожалуйста, дайте мне знать, я пробовал PHP, но без радости

Кнопка для наглядности

 <button class="col-sm-4 enter-button" type="submit" name="submit" onmouseover="return myPayment()" value="Calculate">Calculate Payments</button>
  

Обновить:

Я изменил javascript и кнопку, но затем пропустил присвоение имени форме в соответствии со ссылкой в JS

Также мои расчеты по ипотеке были ошибочными из-за того, как форма собирает процентную ставку

Объявите свою функцию вне document.ready оболочки jQuery, и ваша кнопка должна выглядеть только так:

 function myPayment()
{
  var value = document.mortgagecalc.value_input.value;
  var rate = document.mortgagecalc.rate_input.value;
  var term = document.mortgagecalc.term_input.value;
  var deposit = document.mortgagecalc.deposit_input.value;
  var fee = document.mortgagecalc.fee_input.value;
  var totalloan = ((value   fee) - deposit) * 1   rate;
  var totalinterest = (totalloan * 1   rate) - totalloan;
  var months = (term * 12);
  var repay = totalloan / months;
  var interest = totalinterest / months;

  // Calculate mortgage payment and display result
  document.getElementById('repay_input').value = repay;
  document.getElementById('interest_input').value = interest;
}
  

 <button onmouseover="myPayment()" ...></button>