placeholder,bindinput,console.log,用button来获取文本框中的值,用小程序实现加法
2021/11/9 9:09:49
本文主要是介绍placeholder,bindinput,console.log,用button来获取文本框中的值,用小程序实现加法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
placeholder:表示输入框中的灰色提示值.
bindinput:标识一个具体的输入框
想要让按钮获(button)取文本框(input)内的值,只需要利用全局函数
var getname
Page({
getinput(a){
//在文本框中先对我们的全局变量赋值
getname=a.detail.value
},
check(){
//在按钮事件中获取<input placeholder="输入搜索内容"// bindinput="getinput"></input>
console.log(getname)
},
hanshu(a)
{
console.log("函数的调用"+a)
}
})
<!--pages/text2/index.wxml--> <input placeholder="请输入数字" bindinput="one"></input>
<text>+</text> <input placeholder="请输入数字" bindinput="two"></input> <button type="primary" bindtap="anniu">求和</button> <text>{{input1}}+{{input2}}</text> <text>求和结果为:{{cause}}</text>
index.js代码所示:
let f1 let f2 Page({ date() { input1:"" input2:"" cause:"" }, one(first){ f1=first.detail.value this.setData({ input1:f1 }) }, two(secont){ f2=secont.detail.value this.setData({ input2:f2 }) }, anniu() { this.setData({ cause:Number(f1)+Number(f2) }) }, })
这篇关于placeholder,bindinput,console.log,用button来获取文本框中的值,用小程序实现加法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-20微信小程序开发入门指南
- 2024-12-20小程序 createCameraContext() 怎么实现识别条形码功能?-icode9专业技术文章分享
- 2024-11-22微信小程序的接口信息py可以抓到吗?-icode9专业技术文章分享
- 2024-11-22怎样解析出微信小程序二维码带的参数?-icode9专业技术文章分享
- 2024-11-22微信小程序二维码怎样解析成链接?-icode9专业技术文章分享
- 2024-11-22微信小程序接口地址的域名需要怎么设置?-icode9专业技术文章分享
- 2024-11-22微信小程序的业务域名有什么作用-icode9专业技术文章分享
- 2024-11-22微信小程序 image有类似html5的onload吗?-icode9专业技术文章分享
- 2024-11-22微信小程序中怎么实现文本内容超出行数后显示省略号?-icode9专业技术文章分享
- 2024-11-22微信小程序怎么实现分享样式定制和图片定制功能?-icode9专业技术文章分享