Javascript 数字转换器JQuery
我是一名初学者,我的主体有以下问题/代码:Javascript 数字转换器JQuery,javascript,html,converter,Javascript,Html,Converter,我是一名初学者,我的主体有以下问题/代码: <body> <form action="#"> <input type="text" id="start" /> = <input type="text" id="finish" /> </form> <script> $(function() { var cVal = $("#start").val(); var fV
<body>
<form action="#">
<input type="text" id="start" />
=
<input type="text" id="finish" />
</form>
<script>
$(function() {
var cVal = $("#start").val();
var fVal = $("#finish").val();
});
</script>
</body>
函数,但未能生成我想要的结果。
在“摄氏度”框中键入15应得到59华氏度。我知道.val()不接受任何参数,所以在哪里进行数字转换计算?我如何合并keyup
感谢您的帮助 函数不接受参数,您可以将新值传递给它,它将更新文本框内容。单击val上的链接,它将带您进入jQuery文档,其中解释了所有可能的调用。或者参见下面的示例
功能华氏度摄氏度(华氏度){
var=0;
//计算
返回val;
}
函数celsiusToFarenheit(摄氏度){
var=0;
//计算
返回val;
}
$(函数(){
$(“#开始”)。在('keyup',function()上{
$(“#finish”).val(celsiusToFarenheit($(this.val()));
});
$(“#finish”).on('keyup',function(){
$(“#start”).val(华氏摄氏度($(this.val()));
});
});代码>
摄氏度
=
华氏的
函数不接受参数,您可以将新值传递给它,它将更新文本框内容。单击val上的链接,它将带您进入jQuery文档,其中解释了所有可能的调用。或者参见下面的示例
功能华氏度摄氏度(华氏度){
var=0;
//计算
返回val;
}
函数celsiusToFarenheit(摄氏度){
var=0;
//计算
返回val;
}
$(函数(){
$(“#开始”)。在('keyup',function()上{
$(“#finish”).val(celsiusToFarenheit($(this.val()));
});
$(“#finish”).on('keyup',function(){
$(“#start”).val(华氏摄氏度($(this.val()));
});
});代码>
摄氏度
=
华氏的
函数不接受参数,您可以将新值传递给它,它将更新文本框内容。单击val上的链接,它将带您进入jQuery文档,其中解释了所有可能的调用。或者参见下面的示例
功能华氏度摄氏度(华氏度){
var=0;
//计算
返回val;
}
函数celsiusToFarenheit(摄氏度){
var=0;
//计算
返回val;
}
$(函数(){
$(“#开始”)。在('keyup',function()上{
$(“#finish”).val(celsiusToFarenheit($(this.val()));
});
$(“#finish”).on('keyup',function(){
$(“#start”).val(华氏摄氏度($(this.val()));
});
});代码>
摄氏度
=
华氏的
函数不接受参数,您可以将新值传递给它,它将更新文本框内容。单击val上的链接,它将带您进入jQuery文档,其中解释了所有可能的调用。或者参见下面的示例
功能华氏度摄氏度(华氏度){
var=0;
//计算
返回val;
}
函数celsiusToFarenheit(摄氏度){
var=0;
//计算
返回val;
}
$(函数(){
$(“#开始”)。在('keyup',function()上{
$(“#finish”).val(celsiusToFarenheit($(this.val()));
});
$(“#finish”).on('keyup',function(){
$(“#start”).val(华氏摄氏度($(this.val()));
});
});代码>
摄氏度
=
华氏的
这是一件非常简单的事情,根本不需要jQuery,因为您没有标记jQuery,所以这里提供了一个简单的javascript解决方案
您需要做的是在每个输入元素上添加一个keyup触发器
为了获取我们使用的输入字段,我们使用它是因为您已将id
属性添加到字段中(这比我提到的后一种方法要快)。我们本来可以把输入字段设置为。如果您在celsius字段上使用了name=“celsius”
,我们可以使用document.querySelector('input[name=“celsius”]”)来获取该元素
接下来我们需要做的是对两个输入字段执行一个akeyup
触发器。这是通过,在每个函数中,我们计算另一个字段的值来完成的
var Celsium=document.getElementById('start'),
华氏温度=document.getElementById('finish');
celsius.onkeyup=函数(){
华氏温度值=this.value*9/5+32;
}
fahrenheit.onkeyup=函数(){
摄氏.value=(this.value-32)*5/9;
}
摄氏度
=
华氏的
这是一件非常简单的事情,根本不需要jQuery,因为您没有标记jQuery,所以这里提供了一个简单的javascript解决方案
您需要做的是在每个输入元素上添加一个keyup触发器
为了获取我们使用的输入字段,我们使用它是因为您已将id
属性添加到字段中(这比我提到的后一种方法要快)。我们本来可以把输入字段设置为。如果您在celsius字段上使用了name=“celsius”
,我们可以使用document.querySelector('input[name=“celsius”]”)来获取该元素
接下来我们需要做的是对两个输入字段执行一个akeyup
触发器。这是通过,在每个函数中,我们计算另一个字段的值来完成的
var Celsium=document.getElementById('start'),
华氏温度=document.getElementById('finish');
celsius.onkeyup=函数(){
华氏温度值=this.value*9/5+32;
}
fahrenheit.onkeyup=函数(){
摄氏.value=(this.value-32)*5/9;
}
摄氏度
=
华氏的
这是一件非常简单的事情,根本不需要jQuery,因为您没有标记jQuery,所以这里提供了一个简单的javascript解决方案
您需要做的是在每个输入元素上添加一个keyup触发器
获取我们的输入字段
keyup()