위챗 애플릿 단추 라디오에서 선택한 값value를 가져오는 방법, setTimeout 타이머 사용법
14914 단어 HTML
라디오 값을 가져오는 방법:
func:function(e){
var val=e.detail.value;// radio , :
var val2=parseInt(val);// number
}
인스턴스:
laternext: function (e){
// console.log(e);
var val=e.detail.value;// radio , :
var val2=parseInt(val);// number
var score2 = this.data.score;
score2 += val2;
this.setData({
score: score2
})
// console.log(score2);
setTimeout(this.next,500);
},
내가 만난 상황: 라디오 단추 라디오가 선택되었을 때 옵션을 새로 고칩니다. 0.5초 지연 관측을 설정하면 더욱 좋습니다. 0.5초 지연 사용자가 자신이 방금 어떤 옵션을 선택했는지 반응할 수 있습니다.
만약 네가 일정 시간을 늦추고 어떤 함수를 실행하고 싶다면, 이 타이머를 사용할 수 있을 것이다.setTimeout(메서드, 시간 간격 ms);
wxml:
<view id="bg">
<progress percent="{{pro}}" show-info>progress>
<view id="inside">
<text id="question">{{titles[index]}}text>
<radio-group bindchange="laternext">
<view id="rad">
<radio value="{{selectA[index].value}}" checked="{{ck}}">{{selectA[index].name}}radio>
<radio value="{{selectB[index].value}}" checked="{{ck}}">{{selectB[index].name}}radio>
<radio value="{{selectC[index].value}}" checked="{{ck}}">{{selectC[index].name}}radio>
view>
radio-group>
view>
view>
부분 js 코드
next: function () {
var index2 = this.data.index;
index2++;
var score2 = this.data.score;
var pro2 = this.data.pro;
pro2 = (index2/8)*100;
if (index2 == 8) {
var app=getApp();
app.data.scoresum = this.data.score;
console.log(app.data.scoresum);
wx: wx.redirectTo({
url: '../page03/page03',
})
return false;
}
this.setData({
index: index2,
ck: false,
pro : pro2
})
},
laternext: function (e){
// console.log(e);
var val=e.detail.value;
var val2=parseInt(val);
var score2 = this.data.score;
score2 += val2;
this.setData({
score: score2
})
// console.log(score2);
setTimeout(this.next,500);
},
왜 귀속 이벤트bindchange = "laternext" 를 직접 귀속하지 않습니까?
next를 직접 연결하면 laternext 함수를 쓰지 않고 e.detai를 사용합니다.값을 가져오는 문장은next에 쓰고 setTimeout(this.next, 500), 이렇게 하면 e는 정의되지 않은 undefined이고 옵션의 값을 얻지 못하기 때문에 가져오는 값을 laternext 함수에 쓰고 setTimeout(next 방법, 시간 간격 밀리초 ms)을 사용해야 한다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
XSS 사용해보기이 검증은 자신이 관리하는 가상 머신의 웹 서버에서 수행됩니다. 크로스 사이트 스크립팅 (이하 XSS)을 실제로 시도하고 철저히 이해하는 목적. 이 기사에서는 서버에서 수행하는 처리 내용과 XSS 방법에 대해 설명합...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.