1。修正错误

Question

嗨伙计，其实我还是编程新手。只想问这段代码有什么问题？我正在尝试在表单中进行计算。真的很感激，如果你的家伙可以帮忙。谢谢。

<?php
$script = "
window.addEvent('domready', function() {
function calculate() {

var value1 = $('value1').value;
var value2 = $('value2').value;
var value3 = $('value3').value;
var value4 = $('value4').value;
var value5 = $('value5').value;


var total = ( value1 + value2 + value3 + value4 + value5);


// Check that the result is a finite number. If so, display the results.
if (!isNaN(monthly) &&
  (monthly != Number.POSITIVE_INFINITY) &&
  (monthly != Number.NEGATIVE_INFINITY)) {


  total.value = round(value1 +value2 +value3 +value4 + value5);

} else {
  // Otherwise, the user's input was probably invalid, so don't
  // display anything.

  total.value = '';

}
} 

// rounds number to two decimal places.
function round(x) {
return Math.round(x*100)/100;
}
$('compute').addEvent('click', calculate );
$('value1').addEvent('change', calculate );
$('value2').addEvent('change', calculate );
$('value3').addEvent('change', calculate );
$('value4').addEvent('change', calculate );
$('value5').addEvent('change', calculate );


 });
";
$doc =& JFactory::getDocument();
$doc->addScriptDeclaration($script);
 ?>
<table>
<tr><td colspan="3"><b>Enter Amount Information:</b></td></tr>
<tr>
  <td>1)</td>
  <td>Amount of the 1 :</td>
  <td><input type="text" name="value1" id="value1" size="12" ></td>
 </tr>

<tr>
  <td>2)</td>
  <td>Amount of the 2 :</td>
  <td><input type="text" name="value2" id="value2" size="12" ></td>
</tr>

<tr>
  <td>3)</td>
  <td>Amount of the 3 :</td>
  <td><input type="text" name="value3" id="value3" size="12" ></td>
</tr>

<tr>
  <td>4)</td>
  <td>Amount of the 4 :</td>
  <td><input type="text" name="value4" id="value4" size="12" ></td>
</tr>
<tr>
  <td>5)</td>
  <td>Amount of the 5 :</td>
  <td><input type="text" name="value5" id="value5" size="12" ></td>
</tr>

<tr><td colspan="3">
  <input type="button" value="Compute" id='compute' " >
</td></tr>
<tr><td colspan="3">
  <b>Payment Information:</b>
</td></tr>


<tr>
  <td>5)</td>
  <td>Your total will be:</td>
  <td><input type="text" name="total" id="total" size="12" readonly='readonly'></td>
</tr>

</table>
?>

此致 ADik垫

Answer 1

应该是

 $('#value1').val()

而不是

 $('value1').value

如果您正在使用jquery并按ID

选择元素

Answer 2

1。修正错误

删除？＆gt;在代码的最后

2。错误的标签关闭

更改为此代码

<input type="button" value="Compute" id='compute' />

3。而不是使用Window.event（'domready'）

使用

$(document).ready(function() { } );

如果您已经在使用jQuery。

4。把表放在

中总是好的

<body></body>

标签

这意味着你应该从

开始

<html> 
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    </head>
    <body>
        //put some contents like table
    </body>
</html>

5。我认为使用以下代码段可以减少几乎所有的javascript代码。

$(':text').change(function() {
    var sum = 0;
    $(this).each(function() {
        sum += $(this).val();
    });
    $("#total").val(sum);
});

简单的计算PHP

2 个答案:

1。修正错误

2。错误的标签关闭

3。而不是使用Window.event（'domready'）

4。把表放在

5。我认为使用以下代码段可以减少几乎所有的javascript代码。