在JavaScript中使用單選按鈕進行計算

-1

我一直在這工作了幾個小時，我不能，爲我的數字生活如何做到這一點。在JavaScript中使用單選按鈕進行計算

所以，我想在java腳本（在HTML背面）進行計算。我想知道如何讓單選按鈕獲得一些增值服務的價值。 EG（女性單選按鈕勾選，var a = 10，var x = 20等，但如果選中男性單選按鈕，var a = 34，var x = 32等...）

也與此我想知道，如果我可以做一個長期的例子（bmr = a +（x * weight）+（y * height） - （z * age））。然後，最後在不同的文本字段中顯示所有這些信息。

HTML

<!DOCTYPE html PUBLIC> 
<html> 

    <head> 
     <meta http-equiv="Content-Type" content="text/html;   charset=utf-8" /> 
     <title>Untitled Document</title> 
     <SCRIPT type="text/javascript" src="jstest.js"> 

     </SCRIPT> 
    </head> 

    <body> 
     <form action="" method="post" name="caloriecalc"> 
      <table> 
       <tr> 
        <td>Age:</td> 
        <td> 
         <input type="text" name="age" size="5" /> 
        </td> 
       </tr> 
       <tr> 
        <td>Gender:</td> 
        <td> 
         <label> 
          <input type="radio" name="gender" value="male" />Male</label> 
         <br /> 
         <label> 
          <input type="radio" name="gender" value="female" />Female</label> 
         <br /> 
        </td> 
       </tr> 
       <tr> 
        <td>Weight:</td> 
        <td> 
         <input type="text" name="weight" size="7" />KG</td> 
       </tr> 
       <tr> 
        <td>Height:</td> 
        <td> 
         <input type="text" name="height" size="7" />CM</td> 
       </tr> 
       <tr> 
        <td> 
         <label>Exercise Level:</label> 
        </td> 
        <td> 
         <select name="activity"> 
          <option value="1.2">Sedentary (little or no exercise)</option> 
          <option value="1.375">Lightly active (exercise/sports 1-3 days/wk</option> 
          <option value="1.55">Mod. active (exercise/sports 3-5 days/wk)</option> 
          <option value="1.725">Very active (exercise/sports 6-7 days/wk)</option> 
          <option value="1.9">Extr. Active (daily exercise/sports & physical job))</option> 
         </select> 
        </td> 
       </tr> 
       <tr> 
        <td></td> 
        <td> 
         <input name="calc" type="button" value="Calculate" onclick="validate()" /> 
        </td> 
       </tr> 
       <tr> 
      </table> 
     </form> 
     <table width="100%"> 
      <tr> 
       <td width="50%" align="right">BMR</td> 
       <td width="50%" id="bmr"></td> 
      </tr> 
     </table> 
    </body> 

</html>

JAVASCRIPT

function validate() { 
    var age = document.caloriecalc.age.value; 
    var weight = document.caloriecalc.weight.value; 
    var height = document.caloriecalc.height.value; 

    if (age <= 0 || parseInt(age) != age) { 
     alert("Please enter a valid age."); 
    } else if (weight <= 0 || isNaN(Number(weight))) { 
     alert("Please enter a valid weight."); 
    } else if (height <= 0 || isNaN(Number(height))) { 
     alert("Please enter a valid height."); 

    } else { //all the data has been validated 
     calculate(parseInt(age), parseFloat(weight), parseFloat(height)); 
    } 
} 

function calculate(age, weight, height) { 

}

來源

2013-05-16 MuscleMaths

如果你一直在這個問題上掙扎了好幾個小時，想想沒有代碼或例子，只是一個模糊的描述是多麼困難。 – adeneo

顯示您的代碼。 –

學習一些基本的html/js編碼。 – mshsayem

試着這麼做

function validate() { 
    var i , gender; 
    var age = document.caloriecalc.age.value; 
    var weight = document.caloriecalc.weight.value; 
    var height = document.caloriecalc.height.value; 

    for(i = 0; i < document.caloriecalc.gender.length; i++){ 
     if(document.caloriecalc.gender[i].checked){ 
      gender = document.caloriecalc.gender[i].value; 
     } 
    } 

    if (age <= 0 || parseInt(age) != age) { 
     alert("Please enter a valid age."); 
    } else if (!gender) { 
     alert("Please enter a valid gender."); 
    } else if (weight <= 0 || isNaN(Number(weight))) { 
     alert("Please enter a valid weight."); 
    } else if (height <= 0 || isNaN(Number(height))) { 
     alert("Please enter a valid height."); 
    } else { //all the data has been validated 
     calculate(parseInt(age), parseFloat(weight), parseFloat(height), gender); 
    } 
} 

function calculate(age, weight, height, gender) { 
    var a, x, y = 1, z = 1; 
    switch(gender){ 
     case "male": 
      a= 34; 
      x =32; 
      break; 
     case "female": 
      a= 10; 
      x =20; 
      break; 
    } 

    var bmr = a + (x * weight) + (y * height) - (z * age); 
    document.getElementById('bmr').innerHTML = bmr; 
}

演示：Fiddle

注：我不知道y和z的價值，你還沒有使用提及他們

來源

2013-05-16 03:05:17

是的，謝謝，幫助:) – MuscleMaths

1+使用開關case.Thanks –

你可以得到單選按鈕的值： -

var lengthh=document.caloriecalc.gender.length; 
for(var i=0;i<lengthh;i++){ 
     if(document.caloriecalc.gender[i].checked){ 
      gender = document.caloriecalc.gender[i].value; 
     } 
    }

現在值傳遞計算功能和你計算如下： -

function calculate(age, weight, height, gender) { 
    var a=0, x=0, y = 1, z = 1; 
    if(gender=='male'){   
      a= 34; 
      x =32; 
      }else{ 
      a= 10; 
      x =20;    
      } 

    //Now the result is 
    var resultt = a + (x * weight) + (y * height) - (z * age); 
    document.getElementById('bmr').innerHTML = resultt; 

}

希望它會幫助你。

來源

2013-05-16 03:13:54

懷疑他不知道如何得到按鈕的性別.... – Paul

啊，是的。現在開始工作，謝謝你。 – MuscleMaths

在JavaScript中使用單選按鈕進行計算

回答

相關問題