我有一个问题 - 当我完成这两个领域(输入1和输入2),我试图改变其中之一,jQuery返回NaN。有人能帮助我吗?jQuery返回NaN
我试着使用parseInt函数,parseFloat但它仍然无法正常工作
对不起,我的英语:]
JS:
$(document).ready(function(){
$('input[name^="input"]').keypress(function(event) {
if(event.which && (event.which < 48 || event.which > 57)) {
event.preventDefault();
}
});
var $tabs = $('input[name^="tab"]');
$.each($tabs, function(i, a) { $(a).val(''); });
$('input[name^="input"]').keyup(function() {
var count = parseInt($(this).val());
if($(this).attr('name') == 'input1') {
var newValue = count * parseFloat($('input[name="tab1_hidden"]').val());
$('input[name="tab1"]').val(newValue);
}
if($(this).attr('name') == 'input2') {
$.each($tabs, function(i, a) {
if(i > 0) {
var inputHidden = $(a).attr('name') + '_hidden';
var newValue = count * parseFloat($('input[name="' + inputHidden + '"]').val());
$(a).val(newValue);
}
});
}
});
});
HTML:
<form action="" method="post"><div>
<p>input 1: <input type="text" name="input1" value=""></p>
<p> <input type="hidden" name="input1_hidden" value=""></p>
<p>input 2: <input type="text" name="input2" value=""></p>
<p> <input type="hidden" name="input2_hidden" value=""></p>
<p> </p>
<p>tab 1: <input type="text" name="tab1" value=""></p>
<p><input type="hidden" name="tab1_hidden" value="10"></p>
<p>tab 2: <input type="text" name="tab2" value=""></p>
<p> <input type="hidden" name="tab2_hidden" value="20"></p>
<p>tab 3: <input type="text" name="tab3" value=""></p>
<p> <input type="hidden" name="tab3_hidden" value="30"></p>
<p>tab 4: <input type="text" name="tab4" value=""></p>
<p> <input type="hidden" name="tab4_hidden" value="40"></p>
<p>tab 5: <input type="text" name="tab5" value=""></p>
<p> <input type="hidden" name="tab5_hidden" value="50"></p>
<p>tab 6: <input type="text" name="tab6" value=""></p>
<p> <input type="hidden" name="tab6_hidden" value="60"></p>
<p>tab 7: <input type="text" name="tab7" value=""></p>
<p> <input type="hidden" name="tab7_hidden" value="70"></p>
<p>tab 8: <input type="text" name="tab8" value=""></p>
<p> <input type="hidden" name="tab8_hidden" value="80"></p>
</div>
</form>
什么是它试图解析值? (即你在输入字段中有什么) – Matt 2012-04-09 19:09:44
使用一个调试器来遍历你的代码。 http://meta.stackexchange.com/a/128553/133242 – 2012-04-09 19:10:44
或者至少是'console.log()'你想要增加的值,这样你就可以确定它们是否真的是你自己认为的。 – Crontab 2012-04-09 19:13:26