If else语句在web表单中以javascript或HTML计算分数
If else statements in web forms to calculate score in javascript or HTML
我试图创建一个简单的web表单来计算原始数据的分数。
例如字段A(数字):如果number小于100返回数字1,如果100-150返回数字2,如果大于100返回数字3。
字段B和C也一样
然后在提交时,表单将所有返回的数字相加,并根据结果将用户引导到不同的页面。
例如:字段A用户输入100(因此得分1)字段B用户输入140(因此得分2)字段C用户输入200 (so scores 3)
因此,总分为6,因此用户将被引导到得分为6的网页。
我希望这是有意义的?任何帮助都会非常感激。谢谢。
function myFunction(){
var A= document.getElementByID('field A ID').value;
var B= document.getElementByID('field B ID').value;
var C= document.getElementByID('field C ID').value;
var sum=calc(A)+calc(B)+calc(C);
switch (sum){
case 3:
//get option and change it's attr
break;
case 4:
//get option and change it's attr
break;
case 5:
//get option and change it's attr
break;
case 6:
//get option and change it's attr
break;
case 7:
//get option and change it's attr
break;
case 8:
//get option and change it's attr
break;
case 9:
//get option and change it's attr
break;
}
}
function calc(value){
if(value<100){
return 1;
}else if(value>100 &&value<150){
return 2;
}else{
return 3;
}
}
是这样吗?
如果你使用的是Jquery可能是这样的(不是test)
$("#BT").click(function(){
test();
})
function test(){
var score1 =0;
var score2 =0;
var score3 =0;
var finalscore =0;
if($("#yourfildA").val()!=""){
score1 = parseInt($("#yourfildA").val());
}
if($("#yourfildB").val()!=""){
score2 = parseInt($("#yourfildB").val());
}
if($("#yourfildC").val()!=""){
score3 = parseInt($("#yourfildC").val());
}
if(score1==100){
finalscore +=1
}
if(score2==140){
finalscore += 2;
}
if(score3==200){
finalscore += 3;
}
alert(finalscore);
if(finalscore ==6){
// refirect
}
}
http://jsfiddle.net/7jcB4/10/相关文章:
- Javascript html每点击一次就会更改url
- 通过javascript/html访问twitter共享iframe
- 使用鼠标悬停JavaScript/HTML显示文本
- JavaScript-HTML表单到JSON(空值)和格式
- 使用javascript html实时预览文本区域输入
- 如何每秒从一个变量中提取一定次数的javascript/html
- 使用变量值作为'名称标识符'javascript/html
- JavaScript HTML Onclick
- 非侵入性Javascript HTML注入
- AppendChild Form / Table [Javascript/Html/PHP]
- 按钮don't使用onClick-Javascript HTML重定向
- 在库(javascript/HTML)中将“name”替换为“id”
- 如何确定使用 javascript/html 单击了哪个对象/图像
- 新的javascript HTML元素不遵循css规则
- JavaScript/HTML 错误的解决方案
- 从图像URL javascript html保存图像文件
- javascript html使用webstorage保存表单
- Javascript+HTML中的日期选择器准备好了吗?(需要:DD、MM、YY的单独字段加上日历选择器)
- 谷歌地图/融合表Javascript HTML赢得't显示/可视化所有多边形数据(通过色标)
- JavaScript/HTML命令行小部件