jQuery 单选题目 选中题目分值相加
近期项目需求做一个考试测试的专题页,只有单选选择题目,提交之后显示分数,下面贴出我做的代码,有不妥之处,还请多多包涵,多多指教。
因为就一个简单的页面,所以题目的分值 直接给到了value,
下面是HTML代码部分:
<div class="col-xs-12 col-md-12 clo-lg-12 select">
<p class="question">1.嘉定话中如何自称?</p>
<span><label><input type="radio" name="q1" value="0">吾,阿拉</label></span>
<span><label><input type="radio" name="q1" value="0">嗯,阿拉</label></span>
<span><label><input type="radio" name="q1" value="0">吾,伲</label></span>
<span><label><input type="radio" name="q1" value="8">嗯,伲</label></span>
</div>
<div class="col-xs-12 col-md-12 clo-lg-12 select">
<p class="question">2.把"你"称为"尔n"的是嘉定哪里话?</p>
<span><label><input type="radio" name="q2" value="0">嘉定城厢</label></span>
<span><label><input type="radio" name="q2" value="0">嘉定东乡</label></span>
<span><label><input type="radio" name="q2" value="8">嘉定北乡</label></span>
<span><label><input type="radio" name="q2" value="0">嘉定南乡</label></span>
</div>
<div class="col-xs-12 col-md-12 clo-lg-12 select">
<p class="question">3.把"你"称为"尔n"的是嘉定哪里话?</p>
<span><label><input type="radio" name="q3" value="0">嘉定城厢</label></span>
<span><label><input type="radio" name="q3" value="0">嘉定东乡</label></span>
<span><label><input type="radio" name="q3" value="8">嘉定北乡</label></span>
<span><label><input type="radio" name="q3" value="0">嘉定南乡</label></span>
</div>
<button class="submitbtn">提交</button>
因为项目使用的是jQuery,所以在使用之前记得要先引入jQuery;
下面贴上jQuery部分代码:
$('.submitbtn').click(function(){
var item = $(":radio:checked"); //所有选中的单选框
var len=item.length; //获得选中的个数,进行题目全部做选择的判断
if(len!=3){
alert('不能留空')
return false;
}
//使用循环选中的值相加得到总分值
var scorenum =0;
$.each($(":radio:checked"),function(){
scorenum+=parseInt(this.value);
})
console.log(scorenum)//打印总分值
});