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-11-13微信小程序如何封装接口域名?-icode9专业技术文章分享
- 2024-11-13如何在微信小程序中实现直传功能?-icode9专业技术文章分享
- 2024-11-13如何在小程序的地图组件中添加标记和文字?-icode9专业技术文章分享
- 2024-11-13在微信小程序的地图组件中如何实现自定义标记和气泡?-icode9专业技术文章分享
- 2024-11-01微信小程序教程:零基础入门到实战
- 2024-11-01微信小程序全栈教程:从入门到实践
- 2024-10-31微信小程序怎么实现关注公众号功能-icode9专业技术文章分享
- 2024-10-30微信小程序cover-view,支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序的cover-image支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序web-view怎么设置高度?-icode9专业技术文章分享