我正在根据来自两个文本输入的值进行一些计算。值可以是浮点数或整数。计算在 keyup
事件上触发。
因此,目前我必须评估 val 以确定它是 float 还是 int,然后根据需要使用 parseInt
或 parseFloat
。
这似乎有点hacky或矫枉过正。有一个更好的方法吗?
这是演示的 fiddle :https://jsfiddle.net/2hw0tnhb/
HTML:
<label id="x-label" for="x">Float</label>
<br/>
<input type="text" name="x" id="x" value="29.7" class="axis"/>
<br/>
<br/>
<label id="y-label" for="y">Int</label>
<br/>
<input type="text" name="y" id="y" value="21" class="axis"/>
JS:
var $x = $('#x');
var $y = $('#y');
var $axis = $('.axis');
var x_label = $('#x-label');
var y_label = $('#y-label');
$axis.keyup(function(){
var $this = $(this);
var val = $this.val();
var axis = 'x';
if($this.attr('id') === 'y') axis = 'y';
//check if int or float:
if(parseFloat(val) > Math.floor(parseFloat(val))){
//it is a float - use parseFloat()
if( axis === 'x' ){
x_label.text('Float');
}else{
y_label.text('Float');
}
}
else{
//it is an int - use parseInt()
if( axis === 'x' ){
x_label.text('Int');
}else{
y_label.text('Int');
}
}
});
最佳答案
您可以使用前导 +
,结果将为数字、整数或浮点数:
var val = +$this.val(); //or +this.value
您可以使用
type="number"
将条目保存到 .axis
数字中:<input type="number" name="x" id="x" value="29.7" class="axis"/>
$(function() {
var $x = $('#x');
var $y = $('#y');
var $axis = $('.axis');
var x_label = $('#x-label');
var y_label = $('#y-label');
$axis.keyup(function(){
var $this = $(this);
var val = +$this.val();
var axis = this.name;
console.log( val );
console.log( val + 3.5 );
console.log( val + 4 );
})
.trigger('keyup');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label id="x-label" for="x">Float</label>
<br/>
<input type="number" name="x" id="x" value="29.7" class="axis"/>
<br/>
<br/>
<label id="y-label" for="y">Int</label>
<br/>
<input type="number" name="y" id="y" value="21" class="axis"/>
引用:Arithmetic Operators
关于javascript - 文本输入总是被 jQuery 解析为字符串 - 如何将 val 检索为 int 或 float?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32035194/