js經過name屬性獲取radio及select按鈕的選定值

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" type="text/css" href="">
  <style>
 
  </style>
 </head>
 <body>
<h1>人天天基本所需熱量計算</h1>
<p >年0:<input type="text" id='age'value="">歲</p>
<p >性別:
<input name="sex" type="radio" value="1" />男
<input name="sex" type="radio" value="2" checked='checked' />女 </p>
<p >身高:<input type="text" id='height'value="">cm</p>
<p >體重:<input type="text" id="weight"value="">kg</p>
<p >運動頻率:</p>
<select id="sel"name="times">
<option value="1.2" >幾乎不動</option>
<option value="1.375" >稍微運動(每週1-3次)</option>
<option value="1.55" >中度運動(每週3-5次)</option>
<option value="1.725" >積極運動(每週6-7次)</option>
<option value="1.9" >專業運動(2倍運動量)</option>
</select>
<p >你天天的基本熱量消耗是: <input id="toalkarol"type="text" value="">卡</p>
<p >推薦每日熱量攝入: <input id="suggest"type="text" value="">卡</p>
<input type="button" value="提交" onclick='f()'>


<p >tips:正確的減重應該是減小脂肪組織內的脂肪,而每克脂肪會產生9大卡的熱量,因此欲減小1公斤的脂肪,就醫學觀點來計算,就必須消耗7700大卡的熱量,若每日減小500卡路里,則需14天才能減小1公斤;若每日減小1000卡路里,則需7天才能減小1公斤的體重,則需7天才能減去1公斤的體重。不過人天天都會有代謝,因此必定要有最基本的熱量攝入,以維持身體所需,就是人天天基本所需熱量計算值</p>

<p >
女: BMR = 655 + ( 9.6 x 體重kg ) + ( 1.8 x 身高cm ) - ( 4.7 x 年齡years )<br>

男: BMR = 66 + ( 13.7 x 體重kg ) + ( 5 x 身高cm ) - ( 6.8 x 年齡years )<br>

人不能總躺着,因此你天天所需的總熱量還要進一步計算。<br>

使用Harris Benedict Formula,將你的BMR乘以活動係數(以下):<br>

幾乎不動 Calorie-Calculation = BMR x 1.2<br>

稍微運動(每週1-3次)總需 = BMR x 1.375<br>

中度運動(每週3-5次)總需 = BMR x 1.55<br>

積極運動(每週6-7次)總需 = BMR x 1.725<br>

專業運動(2倍運動量)總需 = BMR x 1.9<br>

好比你算出來的BMR結果是1745,基本不運動,那麼你須要1745 x 1.2 = 2094 大卡來維繫如今的體重。<br>

如何減肥?<br>

天天消耗的卡路里>攝入的卡路里,堅持一段時間必瘦無疑。<br>

建議是每日減小攝入500 - 1000 大卡的熱量,但不要超1000,那樣透支太多了。<br>

American College of Sports Medicine (ACSM) 建議:<br>
女人應該保證天天攝入至少1200大卡,男人1800大卡</p>
<script>
      function $(x){
        return document.getElementById(x)
      }
function karol(){
  var age= $('age').value;
var weight = $("weight").value;
var height = $("height").value;
var chkObjs = document.getElementsByName("sex");
var sex =chkObjs[chk()].value;
var times=$('sel').options[$('sel').selectedIndex].value;
if(sex==1){
  var karolm= 66+13.7*weight+5*height-6.8*age;
   return karolm*times;
}else{
  var karolw= 655+9.6*weight+1.8*height-4.7*age;
  return karolw*times;
}
chk9=0;
}
var chk9 = 0;
function chk(){
    var chkObjs = document.getElementsByName("sex");
    for(var i=0;i<chkObjs.length;i++){
        if(chkObjs[i].checked){
            chk9 = i;
            return chk9;
            
        }
    }
    }
function f(){
var result=$("toalkarol");
result.value=karol();
return result;
}
</script>
 </body>
</html>

css

相關文章
相關標籤/搜索