數字1的input id為num1
數字2的input id為num2
結果的input id為result
四個操作的id分別op1,op2,op3,op4
計算的按鈕的id為btn
則
document.getElementById("btn").click=function(){
var num1=+document.getElementById("num1").value;
var num2=+document.getElementById("num2").value;
var resultInput=document.getElementById("result");
if(num1&&num2){
if(document.getElementById("op1").checked){//+
resultInput.value=num1+num2;
}else if(document.getElementById("op2").checked){//-
resultInput.value=num1-num2;
}else if(document.getElementById("op3").checked){//*
resultInput.value=num1*num2;
}else if(document.getElementById("op4").checked){//除
if(num2==0){
alert("除數不能為零")
}else{
resultInput.value=num1/num2;
}
}
}else{
if(!num1){
alert("操作數1必須為數字");
}
if(!num2){
alert("操作數2必須為數字");
}
}
}
PS:寫得不是很好。因為獲取radio組的語法我忘記了。如果有的話,邏輯可以更清晰的。
如果能將獲取操作數和操作的步驟提取為函數,流程會更清晰吧,呵呵。妳自己看著辦吧,無非提供個想法,因為不會使用腳本,只會使用框架(並且僅局限於jquery)