banner
李大仁博客

李大仁博客

天地虽大,但有一念向善,心存良知,虽凡夫俗子,皆可为圣贤。

JS操作Radiobutton簡單的考試評分系統

昨天和前天 CG 做了一個簡單的休息調整,感覺很好,今天跟大家報到下午查收郵件,關於一個 JS 的問題,問題大致如下:

一個認知風格測試,N 道 4 選 1 的題目,A 選項對應是 0 分,B 對應是 1 分,CD 類推,點擊判分後,可以根據響應分數顯示用戶屬於哪種風格,比如,0-10 分屬於 A 型,10-20 分屬於 B 型。

解決方法:以四個 Radio 為一組,然後依次遍歷每一組中的 radio,獲取選中的值,根據值加分就好了,如果其中一組中沒有選中答案,提示出錯

JS 代碼如下:

var score; // 定義分數
var rate = new Array ();// 定義分數陣列
rate['A']=0;
rate['B']=1;
rate['C']=2;
rate['D']=3;
// 定義題目陣列,這裡每一組題作為一個陣列元素
var question = new Array("",
"test1",
"test2",
"test3",
"test4"
);
// 加分
function add(grade){
score += rate[grade];
}
// 輸出
function output(){
if(score>=0 && score< =4)
alert("First style");
else if(score >4 && score < =8)
alert("second style");
else if(score >8 && score < =12)
alert("third style");
else
alert("error");
}
// 得到 radio 的值
function getRadioValue(radioName){
var obj=document.getElementsByName(radioName);
for(var i=0;i

Demo 演示地址:
http://www.lidaren.com/code/judge.htm

明天又要開始工作了,祝大家勞動節有個愉快的假期啊

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。