javascript - HTML表单调用javascript函数

这只是一个愚蠢的问题，只是试图弄清楚我的Javascript函数与HTML表单的交互方式，而无法使其正常工作。

非常简单，将其放入fiddle

$('#test').submit(function(){
    var battery = $('#battery').value();
    $('#output').text(battery);
});

<form id="test" action="">
    <fieldset>
        <label for="battery">Cell Count</label><br />
        <input type="number" size="3" name="battery" id="battery" /><br />
        <input type="submit" name="submit" id="submit" onclick="submit()" />
    </fieldset>
</form>

<div id="output">

</div>​​​​

总是返回错误，我不知道为什么。玩弄了其他东西，总是让它无法正常工作。

最佳答案

错误可能是.value()不是函数。您需要.val()。