banner
李大仁博客

李大仁博客

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

JS操作Radiobutton簡単な試験評価システム

昨日と一昨日、CG と一緒に簡単な休息調整をしました。とても良い感じです。今日は皆さんにご報告です。午後にメールをチェックしましたが、JS の問題についてです。問題の概要は以下の通りです:

認知スタイルテストで、N 問の 4 択の問題があります。A 選択肢は 0 点、B は 1 点、CD はそれぞれ推移します。スコアを判定すると、ユーザーのスタイルに応じてスコアが表示されます。例えば、0〜10 点は A 型に属し、10〜20 点は B 型に属します。

解決方法:4 つのラジオボタンを 1 つのグループとして扱い、各グループのラジオボタンを順番に走査し、選択された値に応じてスコアを加算します。もし、いずれかのグループで回答が選択されていない場合は、エラーを表示します。

以下は 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 ("第一のスタイル");
else if(score >4 && score < =8)
alert ("第二のスタイル");
else if(score >8 && score < =12)
alert ("第三のスタイル");
else
alert ("エラー");
}
// ラジオボタンの値を取得する関数
function getRadioValue(radioName){
var obj=document.getElementsByName(radioName);
for(var i=0;i

デモの URL:
http://www.lidaren.com/code/judge.htm

明日からまた仕事が始まります。皆さん、労働の日に楽しい休暇をお過ごしください。

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。