JavaScript制作試卷，給正確答案添加一個類，最終統(tǒng)計共選中了多少個類來計分，求代碼！

body

公司專注于為企業(yè)提供網(wǎng)站設計、成都網(wǎng)站設計、微信公眾號開發(fā)、商城網(wǎng)站制作，成都微信小程序，軟件定制網(wǎng)站建設等一站式互聯(lián)網(wǎng)企業(yè)服務。憑借多年豐富的經(jīng)驗，我們會仔細了解各客戶的需求而做出多方面的分析、設計、整合，為客戶設計出具風格及創(chuàng)意性的商業(yè)解決方案，創(chuàng)新互聯(lián)公司更提供一系列網(wǎng)站制作和網(wǎng)站推廣的服務。

p三個div假設點擊按鈕就算正確/p

div1/div

div2/div

div3/div

br

button點擊/button

button統(tǒng)計/button

script

//獲取div,按鈕

let?div?=?document.getElementsByTagName('div');

let?[button1,?button2]?=?document.getElementsByTagName('button');

//綁定方法

button1.addEventListener('click',?function()?{

foo(div);

});

//處理函數(shù)

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實現(xiàn)本案例統(tǒng)計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，因為要實現(xiàn)全瀏覽器的兼容，用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