成都网站建设设计

将想法与焦点和您一起共享

javascript计分,javascript计算平均分

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://chengdu.cdxwcx.cn/article/dscispi.html