知è˜(shÃ)
ä¸ç®¡æ˜¯ç¶²(wÇŽng)站,軟件還是å°ç¨‹åºï¼Œéƒ½è¦ç›´æŽ¥æˆ–間接能為您產(chÇŽn)生價(jià )值,我們?cè)è°§éžç¬ƒæ¹Ÿæ›ˆX(jué)表ç¾(xià n)çš„åŒæ™‚(shÃ),更å´(cè)é‡äºŽåŠŸèƒ½çš„ä¾¿æ·ï¼Œç‡Ÿ(yÃng)銷的便利,é‹(yùn)營(yÃng)的高效,讓網(wÇŽng)ç«™æˆç‚ºç‡Ÿ(yÃng)銷工具,讓軟件能切實(shÃ)æå‡ä¼æ¥(yè)å…§(nèi)éƒ¨ç®¡ç†æ°´å¹³å’Œæ•ˆçŽ‡ã€‚å„ª(yÅu)秀的程åº?yà n)楹笃è°î¥?jÃ)æä¾›ä¾¿æ·çš„æ”¯æŒï¼
您當(dÄng)å‰ä½ç½®>首é (yè) » æ–°èžè³‡è¨Š » å°ç¨‹åºç›¸é—œ(guÄn) >
微信å°ç¨‹åºé–‹(kÄi)發(fÄ)å•(wèn)ç”《å…åä¹ã€‹radio樣å¼ä¸èƒ½è‡ªå®šç¾© & 多個(gè)input如何方便的ç²å–æäº¤
發(fÄ)表時(shÃ)間:2021-5-11
發(fÄ)布人:葵宇科技
ç€è¦½æ¬¡æ•¸(shù):85
如圖,這個(gè)勾我想改æˆå¯¦(shÃ)色的,ä¸éœ€è¦å‹¾ï¼Œå¹¶ä¸”è¦æŠŠç¶ è‰²æ›æŽ‰ï¼Œè©¦äº†ä¸‹å¥½åƒä¸è¡Œï¼ŒæŠŠå¾®ä¿¡æä¾›çš„公共css都去掉了,class也去掉了都ä¸è¡Œã€‚。難é“å°±ä¸èƒ½æ”¹å—Žï¼Ÿ
ç”:我以å‰ç”¨çš„æ™‚(shÃ)候記得:checked鏿“‡ç¬¦æ˜¯æ²’(méi)用的,我是直接用display:noneéš±è—æŽ‰ï¼Œç„¶åŽç”¨æ–°æ¨™(biÄo)ç°½åšçš„
<radio-group bindchange="radioChange">
<label class="ui-radio {{item.checked==true?'active':''}}" wx:for="{{items}}>
{{item.value}} " checked="{{item.checked}}">radio>
<text class="text">{{item.name}}text>
label>
radio-group>
.ui-radio radio,.ui-radio checkbox {
display: none;
}
.ui-radio .text {
/*è¨(shè)計(jì)樣å¼*/
}
.ui-radio.checked .text {
/*è¨(shè)計(jì)樣å¼*/
}
Page({
data: {
items: [
{value: 'USA', name: '美國(guó)'},
{value: 'CHN', name: 'ä¸åœ‹(guó)', checked: 'true'},
{value: 'BRA', name: '巴西'},
{value: 'JPN', name: '日本'},
{value: 'ENG', name: '英國(guó)'},
{value: 'FRA', name: '法國(guó)'},
]
},
radioChange: function(e) {
console.log('radio發(fÄ)生change事件,攜帶value值為:', e.detail.value)
var items = this.data.items;
for (var i = 0, len = items.length; i < len; ++i) {
items[i].checked = items[i].value == e.detail.value
}
this.setData({
items: items
});
}
})
把 radio
å…ƒç´ éš±è—, 寬度è¨(shè)為 0, 切兩張圖片或者 svg,用 label
å…ƒç´ çš„ background
屬性自定義 radio
.
2ã€å¾®ä¿¡å°ç¨‹åºä¸å¤šå€‹(gè)input如何方便的ç²å–, 檢測(cè)é©—(yà n)è‰ç„¶åŽæäº¤ï¼Ÿï¼ˆé›™å‘ç¶å®š?)
隨便舉個(gè)例å,上é¢å››å€‹(gè)表單,åšåˆ°
æäº¤å‰é€²(jìn)行檢測(cè)是å¦ç‚ºç©ºï¼Œæ˜¯å¦æ£ç¢ºï¼ˆå¦‚18ä½èº«ä»½è‰ï¼Œ11使‰‹æ©Ÿ(jÄ«)號(hà o)ç‰ç‰ï¼‰
其實(shÃ)用雙å‘ç¶å®šéžå¸¸åˆé©ï¼Œå¯æ˜¯ä¼¼ä¹Žå°ç¨‹åºä¸å¹¶æ²’(méi)有åƒvueä¸çš„é›™å‘ç¶å®šæ“作。
那么,我打算用,bindBlur事件,é‡å°(duì)æ¯å€‹(gè)input都ç¶å®šé€™å€‹(gè)函數(shù),然åŽåœ¨è™•ç†å‡½æ•¸(shù)ä¸æŠŠvalueå˜èµ·ä¾†(lái),,æäº¤å‰ï¼Œæª¢æ¸¬(cè)這些值å³å¯ã€‚
但是:這樣的話,有多少個(gè)input就得些多少個(gè)這樣的事件,é€ä¸€è™•ç†å¹¶å˜å„²(chÇ”),未å…太ä¸å„ª(yÅu)雅。
想å•(wèn)å•(wèn)大家,一般åƒé€™æ¨£å¸¸è¦‹(jià n)的需求,最佳實(shÃ)è¸æ˜¯ä»€ä¹ˆï¼Œæˆ–者說(shuÅ),大家是如何處ç†çš„。
ç”:javascript有原生驗(yà n)è‰apiä½ å¯ä»¥ç›´æŽ¥ç”¨ï¼Œæ²’(méi)有框架的時(shÃ)候就用原生,我是這么åšçš„
3ã€æ‘©æ‹œå–®è»Šå°ç¨‹åºå¾®ä¿¡æŽˆæ¬Š(quán)注冊(cè)時(shÃ)å¯ä»¥ç›´æŽ¥ç™¼(fÄ)é€é©—(yà n)è‰ç¢¼ï¼ˆç”±ã€é¨°è¨Šç§‘技】發(fÄ)é€ï¼‰çµ¦ç”¨æˆ¶ï¼Œæ˜¯å“ªå€‹(gè)接å£ï¼Ÿ
發(fÄ)ç¾(xià n)摩拜單車微信å°ç¨‹åºé€šéŽ(guò)â€œå¾®ä¿¡ç”¨æˆ¶å¿«é€Ÿç™»éŒ„â€æ™‚(shÃ),會(huì)先彈å±â€œå¾®ä¿¡æ‰‹æ©Ÿ(jÄ«)號(hà o)â€æŽˆæ¬Š(quán),然åŽç”¨æˆ¶â€œç¢ºèª(rèn)授權(quán)â€åŽï¼Œå½ˆæ¡†â€œè«‹(qÇng)?zhÃ)顚?xiÄ›)手機(jÄ«)çŸä¿¡é©—(yà n)è‰ç¢¼â€ï¼Œæƒ³å•(wèn)下是怎么實(shÃ)ç¾(xià n)的,通éŽ(guò)哪個(gè)接å£ï¼Ÿ
ç”:手機(jÄ«)號(hà o)快速填寫(xiÄ›)åŠæœƒ(huì)å“¡å¡é–‹(kÄi)å¡çµ„ä»¶https://mp.weixin.qq.com/debu...éžå€‹(gè)人開(kÄi)發(fÄ)者的å°ç¨‹åºå®Œæˆèª(rèn)è‰åŽå³å¯ä½¿ç”¨ã€‚在新用戶注冊(cè)ã€è¯(lián)系方å¼ç™»è¨˜ç‰å¿…è¦å ´(chÇŽng)景下,開(kÄi)發(fÄ)者å‡å¯åœ¨é (yè)é¢ä¸Šéƒ¨ç½²æ‰‹æ©Ÿ(jÄ«)號(hà o)快速填寫(xiÄ›)組件。
用戶點(diÇŽn)擊組件,完æˆå½ˆçª—授權(quán)åŽï¼Œå³å¯ç›´æŽ¥å°‡å¾®ä¿¡ç¶å®šçš„æ‰‹æ©Ÿ(jÄ«)號(hà o)填入,絕大部分情æ³ä¸‹ç„¡(wú)需å†é€²(jìn)行çŸä¿¡é©—(yà n)è‰ç¢¼æ ¡é©—(yà n)ã€‚è‹¥ç”¨æˆ¶ä¸æ„¿æä¾›å¾®ä¿¡ç¶å®šçš„æ‰‹æ©Ÿ(jÄ«)號(hà o),開(kÄi)發(fÄ)者需æä¾›æ‰‹å‹•(dòng)輸入手機(jÄ«)號(hà o)功能。相關(guÄn)案例查看更多
相關(guÄn)閱讀
- 云å—ç¶²(wÇŽng)站建è¨(shè)é èœå…¬å¸
- ç¶²(wÇŽng)絡(luò)營(yÃng)銷
- 昆明網(wÇŽng)站開(kÄi)發(fÄ)
- å°ç¨‹åºé–‹(kÄi)發(fÄ)平臺(tái)å‰åå
- å°ç¨‹åºç”Ÿæˆæµ·å ±(bà o)
- 昆明軟件定制公å¸
- 云å—建è¨(shè)廳官方網(wÇŽng)ç«™
- 軟件定制
- æ±½è»Šå ±(bà o)廢拆解管ç†ç³»çµ±(tÇ’ng)
- ç¶²(wÇŽng)站排å優(yÅu)化
- ç¶²(wÇŽng)站建è¨(shè)å…¬å¸åœ°å€
- pythoné–‹(kÄi)發(fÄ)å°ç¨‹åº
- 云å—ç¶²(wÇŽng)站建è¨(shè)百度官方
- 伿¥(yè)ç¶²(wÇŽng)ç«™
- å ±(bà o)廢車拆解軟件
- 云å—ç¶²(wÇŽng)站建è¨(shè)方法
- 北京å°ç¨‹åºåˆ¶ä½œ
- å ±(bà o)廢車管ç†
- 云å—ç¶²(wÇŽng)站建è¨(shè)招商
- 分銷系統(tǒng)
- 花農(nóng)å°ç¨‹åº
- åšç¶²(wÇŽng)ç«™
- ç¶²(wÇŽng)站建è¨(shè)å ±(bà o)價(jià )
- 云å—ç¶²(wÇŽng)站建è¨(shè)一æ¢é¾
- æ±½è»Šå ±(bà o)廢回收
- 商標(biÄo)注冊(cè)
- 網(wǎng)站制作哪家好
- é–‹(kÄi)通微信å°ç¨‹åºè¢«é¨™
- 云å—ç¶²(wÇŽng)站建è¨(shè)å…¬å¸å“ªå®¶å¥½
- aspç¶²(wÇŽng)ç«™