JavaScript制作试卷,给正确答案添加一个类,最终统计共选中了多少个类来计分,求代码!
body
公司专注于为企业提供网站设计、成都网站设计、微信公众号开发、商城网站制作,成都微信小程序,软件定制网站建设等一站式互联网企业服务。凭借多年丰富的经验,我们会仔细了解各客户的需求而做出多方面的分析、设计、整合,为客户设计出具风格及创意性的商业解决方案,创新互联公司更提供一系列网站制作和网站推广的服务。
p三个div假设点击按钮就算正确/p
div1/div
div2/div
div3/div
br
button点击/button
button统计/button
script
//获取div,按钮
let div = document.getElementsByTagName('div');
let [button1, button2] = document.getElementsByTagName('button');
//绑定方法
button1.addEventListener('click', function() {
foo(div);
});
//处理函数
function foo(arr) {
for (let i = 0; i arr.length; i++) {
//判断class属性是否存在
if (!arr[i].className) {
arr[i].className = 'true';
break;
}
}
}
button2.addEventListener('click', function() {
let a = 0;
for (let i = 0; i div.length; i++) {
if (!!div[i].className) {
a++;
}
}
alert(`当前添加了 ${a}个class`);
});
/script
/body
如何通过JS或者Jquery实现本案例统计class类计分功能?
var btns = document.getElementsByClassName("shevhiTap"); for( var y = 0, j = btns.length; y j; y++){ btns[y].addEventListener('tap', function() { var ids = this.children[0]; userPicker.show(function(items) { ids.innerText = JSON.stringify(items[0].text); }); }, false); }
jquery方式:
var btns = $('.shevhiTap'); btns.each(function(i, btn) { btn.addEventListener('tap', function() { var ids = this.children[0]; userPicker.show(function(items) { ids.innerText = JSON.stringify(items[0].text); }); }, false);
JavaScript计算选项得分
浏览器之争,楼主试试不用上面的方法判断,你给radio和checkbox赋个id比如id="q01",不用form,因为要实现全浏览器的兼容,用document.getElementById("q01").checked==true来判断并加分,试试吧。
给你一段实验代码。
html
head
script language="javascript"
function chk()
{
var point = 0;
if (document.getElementById("a1").checked == true)
{
point+=5;
}
if (document.getElementById("b1").checked == true document.getElementById("b2").checked == true)
{
point+=5;
}
alert("你的得分:" + point);}
/script
/head
body
第一题,选择A为正确答案
A.input id="a1" type="checkbox" value="checkbox" /
B.input id="a2" type="checkbox" value="checkbox" /
C.input id="a3" type="checkbox" value="checkbox" /
D.input id="a4" type="checkbox" value="checkbox" /
第二题,选择AB为正确答案
A.input id="b1" type="checkbox" value="checkbox" /
B.input id="b2" type="checkbox" value="checkbox" /
C.input id="b3" type="checkbox" value="checkbox" /
D.input id="b4" type="checkbox" value="checkbox" /
input type="button" name="Submit" value="提交" onclick="chk()" /
/body
/html
分享文章:javascript计分,javascript计算平均分
标题网址:http://scyingshan.cn/article/dscispi.html