js怎么实现文本的存储(js获得文本框的值怎么转化成数值型啊)
一、js怎么获取文本框的值然后运算
--!keyup是键盘上的按键弹起的**,你写这个干啥,而且你这个$(this)指向的全都是$(".d")这同一个元素。如果你想点击键盘按键的时候进行计算,那也得先看一下按键编码,一般都是按enter键的时候计算,如果你要用的话就要麻烦一点,先用这个函数看看enter的按键编码是多少:
document.onkeyup= function(e){
console.log(e.keyCode);
}
得出enter的按键编码是13;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text">+
<input type="text">+
<input type="text">/3+
<input type="text">
<button>=</button>
<input type="text">
<script type="text/javascript">
//通过标签名获取按钮,button就是一个按钮,在页面上显示的样子就是一个按钮,不是键盘上的按键。
var res= document.getElementsByClassName("result")[0];
//按键盘上的按钮弹起时,触发**,{}中写的就是触发的内容。
document.onkeyup= function(e){
//e就是event,按下按钮的时候会触发**,这个**有很多的属性,比如type为keyup,key为enter等等等等;判断这个按下的键的编码为13,也就是enter的编码的时候,执行计算。
if(e&& e.keyCode== 13){
//document.getElementsByClassName("a")是通过类名获取元素;[0]是因为通过类获取到的是一个**或者说是数组,尽管有这个类名的只有一个元素,但是一样要加上[0],这写法就是数组的写法;.value是获取这个文本框的值,-0是因为.value获取到的是字符串,-0是转换成数字。
var a= document.getElementsByClassName("a")[0].value- 0;
var b= document.getElementsByClassName("b")[0].value- 0;
var c= document.getElementsByClassName("c")[0].value- 0;
var d= document.getElementsByClassName("d")[0].value- 0;
var result=(a+ b+ c)/ 3+ d;
res.value= result;
}}
</script>
</body>
</html>
直接用鼠标点击在页面上的按钮的写法就是:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text">+
<input type="text">+
<input type="text">/3+
<input type="text">
<button>=</button>
<input type="text">
<script type="text/javascript">
//通过标签名获取按钮,button就是一个按钮,在页面上显示的样子就是一个按钮,不是键盘上的按键。
var btn= document.getElementsByTagName("button")[0];
var res= document.getElementsByClassName("result")[0];
//点击按钮,触发**,{}中写的就是触发的内容。
btn.onclick= function(){
//document.getElementsByClassName("a")是通过类名获取元素;[0]是因为通过类获取到的是一个**或者说是数组,尽管有这个类名的只有一个元素,但是一样要加上[0],这写法就是数组的写法;.value是获取这个文本框的值,-0是因为.value获取到的是字符串,-0是转换成数字。
var a= document.getElementsByClassName("a")[0].value- 0;
var b= document.getElementsByClassName("b")[0].value- 0;
var c= document.getElementsByClassName("c")[0].value- 0;
var d= document.getElementsByClassName("d")[0].value- 0;
var result=(a+ b+ c)/ 3+ d;
res.value= result;
}
</script>
</body>
</html>
二、js怎么获取文本框内容
1.GetDlgItem获取文本编辑框的指针来获取内容
2.使用
GetDlgItemText
函数获取文本框的内容。
3.使用
GetDlgItemInt来直接获取数值内容。
4.第四种方法在类的定义
变量
来关联
控件
5.第五种使用SendMessage获取编辑框内容。
1.GetDlgItem获取文本编辑框的指针来获取内容
先使用
GetDlgItem(编辑框的ID)获取编辑框的指针。再指向编辑框的GetWindowText函数将获取内容保存至指定的字符数组里。
下面是代码。
int
num1,num2,num3;
char
char1[10],char2[10],char3[10];
GetDlgItem(IDC_EDIT1)->GetWindowText(char1,10);
GetDlgItem(IDC_EDIT2)->GetWindowText(char2,10);
num1=atoi(char1);
num2=atoi(char2);
num3=num2+num1;
itoa(num3,char3,10);
GetDlgItem(IDC_EDIT3)->SetWindowText(char3);
2.使用
GetDlgItemText
函数获取文本框的内容。
GetDlgItemText
函数
从代码分析上来看,GetDlgItemText
函数是第一种方法的简写版。
int
num1,num2,num3;
char
char1[10],char2[10],char3[10];
GetDlgItemText(IDC_EDIT1,char1,10);
GetDlgItemText(IDC_EDIT2,char2,10);
num1=atoi(char1);
num2=atoi(char2);
num3=num2+num1;
itoa(num3,char3,10);
SetDlgItemText(IDC_EDIT3,char3);
3.,使用
GetDlgItemInt来直接获取数值内容。
第二个例子是获取的文本内容,转成数值内容的话,就得使用atoi函数比较麻烦
就可以使用GetDlgItemInt来直接获取数值内容。
代码如下
int
num1,num2,num3;
char
char1[10],char2[10],char3[10];
num1=GetDlgItemInt(IDC_EDIT1);
num2=GetDlgItemInt(IDC_EDIT2);
num3=num1+num2;
SetDlgItemInt(IDC_EDIT3,num3);
4.第四种方法在类的定义
变量
来关联
控件
单击
查看—建立类向导—Member
Variables选项卡
单击对应的Control
Ids的名称
在Member
variable
name填入
一个变量名即可。
如果想直接取值的话
,在category中选择Value,那么这个变量名就是对应的值
UpdateData();
m_edit3=m_edit1+m_edit2;
UpdateData(false);
可以选择数据类型,来定义变量的数据类型。
如果是文本型的。
就在Category中选择
control,那么,这个变量名,就对应这个控件。就利用这个变量名进行*作。
int
num1,num2,num3;
char
char1[10],char2[10],char3[10];
m_the_edit1.GetWindowText(char1,10);
m_the_edit2.GetWindowText(char2,10);
num1=atoi(char1);
num2=atoi(char2);
num3=num1+num2;
itoa(num3,char3,10);
m_the_edit3.SetWindowText(char3);
5.第五种使用SendMessage获取编辑框内容。
使用发送消息的方式。
(1)。采用全局类的SendMessage来发送获取消息内容的。
注意
第一个参数是目标窗口控件的句柄,第二个参数是固定的表示符,第三个是第四个字符变量的大小,第四个是字符变量数组的指针。
::SendMessage(GetDlgItem(IDC_EDIT1)->m_hWnd,WM_GETTEXT,10,(LPARAM)char1);
也可以这要获取句柄。
::SendMessage(m_the_edit1.m_hWnd,WM_GETTEXT,10,(LPARAM)char1);
(2)。在窗口类中也有SendMessage函数。
GetDlgItem(IDC_EDIT1)->SendMessage(WM_GETTEXT,10,(LPARAM)char1);
或者这样
m_the_edit1.SendMessage(WM_GETTEXT,10,(LPARAM)char1);
也有省事的SendDlgItemMessage
函数,可以直接发送获取文本的消息指指定控件的ID。
SendDlgItemMessage(IDC_EDIT2,WM_GETTEXT,(LPARAM)char2);
三、js获得文本框的值怎么转化成数值型啊
javascript主要有以下三种数据类型转换方式:
转换函数:parseInt()和parseFloat()分别将值转换成整数和浮点数。
强制类型转换:Boolean(value)、Number(value)、String(value)将给定的值分别转换成逻辑值、数字(整数或浮点数)及字符串。
弱类型自动转换:字符串与数字进行数学*作符运算时,字符串会自动转为数字。
实例演示:将文本框的值转化成数值型
vara=document.getElementById("num1").value;
varb=document.getElementById("num2").value;
varc1=parseFloat(a)+parseFloat(b);//函数转换
varc2=Number(a)+Number(b);//强制类型转换
varc3=a*1+b*1;//a*1将自动转化为数字类型