0

我创建了我的<form>usingHtmL现在我需要知道如何创建一个函数，我可以返回一个值来填充我的Input type="text".

例如： 更新 

  <html>
<head>
<title>Aula 21.03.2013 </title>
<script>
    function CalculaNota()
    {
        var p1 = document.getElementById("txtp1").value;
        var p2 = document.getElementById("txtp2").value;        

        return p1;
    }

</script>
</head>
<body>
    <div id="fieldset" style="border: 2px solid pink; width: 250px; margin-left: auto; margin-right: auto; padding: 10px;" >
    <form name="formulario" action="" method="post">
        P1<br>
        <input type="text" id="txtp1" /><br>
        P2<br>
        <input type="text" id="txtp2" /><br>

        <input type="submit" value="CALCULAR"  OnClick="CalculaNota()"/> 
        <br><br>

        NOTA FINAL<br>
        <input type="text" id="txtnota_final"/>
    </form>
    </div>  
</body>
</html>

现在，当我单击按钮时，什么也没有发生！

4

2 回答 2

2

尝试这个：

  function CalculaNota()
    {
        var p1 = parseFloat(document.getElementById("txtp1").value);
        //You were re-assigning p1 here, I've changed it to p2
        var p2 = parseFloat(document.getElementById("txtp2").value);     
        var NF = ((p1 + (2 * p2)) / 3);

        document.getElementById("txtnota_final").value = NF;
    }
于 2013-03-21T22:51:05.853 回答
0 
<script>
    document.getElementById('bt_calcular').onclick = function ()
    {
        var p1 = parseFloat(document.getElementById("txtp1").value);
        var p2 = parseFloat(document.getElementById("txtp2").value);        
        var NF = ((p1 + (2 * p2)) / 3);
        document.getElementById('txtnota_final').value = NF;
    }
</script>

这是一个小提琴http://jsfiddle.net/8EkMf/1

你也应该form在最后一个之前关闭你的标签div

你没有关闭你的脚本标签

<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>

而且你不需要 jquery .. 你正在使用 vanila javascript

于 2013-03-21T22:51:21.580 回答