多语言展示
当前在线:164今日阅读:55今日分享:34

jquery中字符串类型的数字怎样转换成整数类型?

在jquery中,可以将获得的字符串数字乘以1,从而转换成整数类型。下面小编举例讲解jquery中字符串类型的数字怎样转换成整数类型。
工具/原料
1

html+jquery

2

代码编辑器:Dreamweaver CS5

方法/步骤
1

新建一个html文件,命名为test.html,用于讲解jquery中字符串类型的数字怎样转换成整数类型。

2

在test.html文件内,分别在p标签内,使用input标签创建两个数字输入框,代码如下:

3

在test.html文件内,分别设置两个input的id为aa,bb,主要用于下面通过该id获得input对象。

4

在test.html文件内,使用button标签创建一个按钮,按钮名称为“相加结果”。

5

在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行cou()函数。

6

在js标签中,创建cou()函数,在函数内,分别通过input标签的id获得对象,使用val()方法获得输入的数字,将获得的两个数字变量分别乘以1再相加,便可以实现将字符串类型转换为整数类型相加了。最后,将结果使用alert() 方法输出来。

7

在浏览器打开test.html文件,输入数字,点击按钮,查看结果。

总结:

1、创建一个test.html文件。 2、在文件内,分别在p标签内,使用input标签创建两个数字输入框,同时创建一个button按钮,用于触发执行js函数。 3、在js标签内,创建函数,在函数内,分别通过input标签的id获得对象,使用val()方法获得输入的数字,将获得的两个数字变量分别乘以1再相加,便可以实现将字符串类型转换为整数类型相加了。

注意事项

或想直接将字符串转换为整数(不是小数),可以使用parseInt()方法。

推荐信息