对于javascript来说,我非常新,我正在做一个个性测试,所以有多个结尾。
我知道要为我的变量设置一个数组,并设置一个数组来存储用户输入,我已经设置了按钮的无线电样式。
现在的问题是,如何建立一个基于用户输入的计分系统,在最后显示一个具体的答案?我只需要有人帮助我朝着正确的方向前进!谢谢!另外,我还必须使用eventListeners作为单选按钮吗?
发布于 2015-09-19 08:20:04
它非常简单,不需要事件侦听器:
您所做的就是为收音机设置一个值,并在他们选择的时候保存一个计数。
HTML:
<question>
<h3>Are you smart?</h3>
<p>
<label>
<input type='radio' name="smarts" value="20" />
<span class="checkable">Yes</span>
</label>
</p>
<p>
<input id="radiodemo2" checked type='radio' name="smarts" value="10" />
<label for="radiodemo2" class="checkable">No</span>
</p>
</question>
JS:
var quiz = {}
quiz.view = function(state, props) {
state.$looks = state.$smarts = {
_onclick: function(event) {
props.totals[this.name] = parseInt(this.value)
}
}
state.results = props.totals.smarts + props.totals.looks
}
var props = {
totals: {
smarts: 0,
looks: 0
}
}
mag.module("quiz", quiz, props)
下面是完整的工作示例:http://jsbin.com/xuzavunaci/2/edit?js,output
希望这能帮上忙!
https://stackoverflow.com/questions/32670008
复制相似问题