如何使用两个参数调用javascript函数

Question

如何将 html 元素值（特别是 jquery spinner 对象）传递给 JavaScript 函数，以便将这些值放在一行中？

这只是html中的两个项目

  <input id="timeWorkedHours" name="value" style="width:100px;">
    </td>
    <td style="width:3%">
        </td>
    <td style="width:10%">
        hours
    </td>
    <td style="width:3%">
        <input id="timeWorkedMins" name="value" style="width:100px;">
    </td>

我在按钮类型上调用下面的函数，所以我需要两个 Spiner 对象的值，我如何得到它？并传递给函数？

<input type="button" id="resolutiontimeaddbutton" value="Add"  onclick="resolutiontimeaddbutton()" style="width:90px" />

这是函数

function addResolutionTimeToGrid(hours,secs)
{

       $("#affecteditemstable tr:last").before("<tr style='height:10px;vertical-align:top'><td><div>" + tableDataAI[AIcount].First + "</div></td><td><div>" + tableDataAI[AIcount].Second + "</div></td><td><div>" + tableDataAI[AIcount].Third + "</div><td><div>" + tableDataAI[AIcount].Fourth + "</div></td><td></td></tr>");
    AIcount++;

 }


}

Answer 1

如果使用 jQuery，不要使用 inline onlick= 作为初学者。使用 jQuery 将事件附加到控件

调用错误的函数名也无济于事：（resolutiontimeaddbutton 而不是addResolutionTimeToGrid）

但是：您可以这样做（假设您的意思是分钟而不是秒，因为没有秒控制）：

<input type="button" id="resolutiontimeaddbutton" value="Add"  onclick="addResolutionTimeToGrid($('#timeWorkedHours').val(), $('#timeWorkedMins').val())" style="width:90px" />

要做到这一点 jQuery 风格：

$(function(){
    $('#resolutiontimeaddbutton').click(function(){
        addResolutionTimeToGrid($('#timeWorkedHours').val(), $('#timeWorkedMins').val())
    });
});

注意：$(function(){ your code here}); 只是$(document).ready({your code here}); 的快捷方式