如何将if函数用于无线电输入来计算我的函数?

时间:2019-03-20 08:44:25

标签: javascript html

我想计算男性和女性的基础代谢率,我们有两个不同的公式,因此需要进行放射性检查...在我想要计算的公式中,但不知道如何识别放射性检查框起作用。

static void Main(string[] args)
{
    int baba;

    var stopWatch = new StopWatch();

    Console.WriteLine("Please enter in any value to get the start time");
    string ti = Console.ReadLine();            
    baba = Convert.ToInt32(ti);
    Console.WriteLine(baba);

    stopWatch.Start();
    Console.WriteLine(Console.Read());

    if(ti != null)
    {
        stopWatch.Stop();
        Console.WriteLine(Console.Read());
    }           

}
function bmr(){
	var w3= document.getElementsByName("weight3")[0].value;
	var h3= document.getElementsByName("height3")[0].value;
	var y3= document.getElementsByName("age3")[0].value;
	var sex3= document.getElementsByClassName("sex").checked.value;
	var activity = document.getElementsByName("activity").value;
	if (sex3==="zan"){
	var result3= 655 + (9.6 * w3)+(1.8*h3)-(4.7*y3);
	
	document.getElementById("bmr").innerHTML=" متابولیسم پایه شما = " + Math.round(result3);
	alert (result3);}
	else {
		document.getElementById("bmr").innerHTML=" شما مرد هستید ";
	}
}

3 个答案:

答案 0 :(得分:2)

您的单选按钮必须具有相同的name,以便它们可以协同工作。

然后您可以使用var sex3= document.querySelector('input[name="sex"]:checked').value;检索值,如下所示:

function bmr(){
	var w3= document.getElementsByName("weight3")[0].value;
	var h3= document.getElementsByName("height3")[0].value;
	var y3= document.getElementsByName("age3")[0].value;
	var sex3= document.querySelector('input[name="sex"]:checked').value;
	var activity = document.getElementsByName("activity")[0].value;
	if (sex3==="zan"){
	var result3= 655 + (9.6 * w3)+(1.8*h3)-(4.7*y3);
	
	document.getElementById("bmr").innerHTML=" متابولیسم پایه شما = " + Math.round(result3);
	alert (result3);}
	else {
		document.getElementById("bmr").innerHTML=" شما مرد هستید ";
	}
}
<div class="sectionmenu">
			<form action="#" target="_self" method="get">
 			 <fieldset>
  			  <legend>برآورد کالری مورد نیاز روزانه</legend>
  				  وزن (kg)<br>
   				 <input type="number" name="weight3" placeholder="weight"><br>
  				  قد (cm)<br>
   				 <input type="number" name="height3" placeholder="height"><br>
				 سن (years)<br>
				 <input type="number" name="age3" placeholder="age"><br>
				  جنسیت<br>
				 <input type="radio" name="sex" value="zan" class="sex3">زن
				 <input type="radio" name="sex" value="mard" class="sex3">مرد<br
				 میزان فعالیت<br>
				 <select name="activity">
				 	<option value="little"> سبک</option>
					 <option value="almost little"> تقریبا سبک</option>
					 <option value="averge"> متوسط</option>
					 <option value="hard"> سنگین</option>
					 <option value="veryhard"> بسیار سنگین</option>
				 </select><br><br>
  			  <input type="button" value="محاسبه" onClick="bmr()" class="button"><br>
				 <p id="bmr">  </p>
  			</fieldset>
			</form>
</div>

答案 1 :(得分:2)

您可以使用:document.querySelector('input[name="sex"]:checked').value;

并更改input

<input type="radio" name="sex" value="zan">زن
<input type="radio" name="sex" value="mard">مرد<br> <!-- << missing > -->
                 میزان فعالیت<br>

相关:How to get value of selected radio button?How to allow only one radio button to be checked?

function bmr(){
	var w3= document.getElementsByName("weight3")[0].value;
	var h3= document.getElementsByName("height3")[0].value;
	var y3= document.getElementsByName("age3")[0].value;
	var sex3= document.querySelector('input[name="sex"]:checked').value;
	var activity = document.getElementsByName("activity").value;
	if (sex3==="zan"){
	var result3= 655 + (9.6 * w3)+(1.8*h3)-(4.7*y3);
	
	document.getElementById("bmr").innerHTML=" متابولیسم پایه شما = " + Math.round(result3);
	alert (result3);}
	else {
		document.getElementById("bmr").innerHTML=" شما مرد هستید ";
	}
}
<div class="sectionmenu">
			<form action="#" target="_self" method="get">
 			 <fieldset>
  			  <legend>برآورد کالری مورد نیاز روزانه</legend>
  				  وزن (kg)<br>
   				 <input type="number" name="weight3" placeholder="weight"><br>
  				  قد (cm)<br>
   				 <input type="number" name="height3" placeholder="height"><br>
				 سن (years)<br>
				 <input type="number" name="age3" placeholder="age"><br>
				  جنسیت<br>
				 <input type="radio" name="sex" value="zan">زن
				 <input type="radio" name="sex" value="mard">مرد<br> <!-- << missing > -->
				 میزان فعالیت<br>
				 <select name="activity">
				 	<option value="little"> سبک</option>
					 <option value="almost little"> تقریبا سبک</option>
					 <option value="averge"> متوسط</option>
					 <option value="hard"> سنگین</option>
					 <option value="veryhard"> بسیار سنگین</option>
				 </select><br><br>
  			  <input type="button" value="محاسبه" onClick="bmr()" class="button"><br>
				 <p id="bmr">  </p>
  			</fieldset>
			</form>
</div>


更新:

按照OP的要求,进行BMR:

function bmr() {
  var w3 = document.getElementsByName("weight3")[0].value;
  var h3 = document.getElementsByName("height3")[0].value;
  var y3 = document.getElementsByName("age3")[0].value;
  var sex3 = document.querySelector('input[name="sex"]:checked').value;
  var activity = document.getElementsByName("activity").value;
  var result3;

  if (sex3 === "zan") {
    result3 = 66.5 + (13.75 * w3) + (5.003 * h3) - (6.755 * y3);
    document.getElementById("bmr").innerHTML = " متابولیسم پایه شما = " + Math.round(result3);
  } else {
    result3 = 655.1 + (9.563 * w3) + (1.850 * h3) - (4.676 * y3);
    document.getElementById("bmr").innerHTML = " شما مرد هستید " + Math.round(result3);;
  }
}
<div class="sectionmenu">
  <form action="#" target="_self" method="get">
    <fieldset>
      <legend>برآورد کالری مورد نیاز روزانه</legend>
      وزن (kg)<br>
      <input type="number" name="weight3" placeholder="weight"><br> قد (cm)<br>
      <input type="number" name="height3" placeholder="height"><br> سن (years)<br>
      <input type="number" name="age3" placeholder="age"><br> جنسیت
      <br>
      <input type="radio" name="sex" value="zan">زن
      <input type="radio" name="sex" value="mard">مرد<br>
      <!-- << missing > -->
      میزان فعالیت<br>
      <select name="activity">
    				 	<option value="little"> سبک</option>
    					 <option value="almost little"> تقریبا سبک</option>
    					 <option value="averge"> متوسط</option>
    					 <option value="hard"> سنگین</option>
    					 <option value="veryhard"> بسیار سنگین</option>
    				 </select><br><br>
      <input type="button" value="محاسبه" onClick="bmr()" class="button"><br>
      <p id="bmr"> </p>
    </fieldset>
  </form>
</div>

答案 2 :(得分:1)

通过CSS选择器querySelectorAll使用querySelector(或:checked,只需要一个元素)来获取选中的单选输入。

function get() {
  let checkedRadio = document.querySelectorAll('.myradio:checked')[0];
  console.log(checkedRadio.value);
}
<label>
  One: <input type="radio" class="myradio" name="myradio" value="formula-one" onclick="get()">
</label>

<label>
  Two: <input type="radio" class="myradio" name="myradio" value="formula-two" onclick="get()">
</label>

如果要保留getElementsByClassName()的使用,则应使用Object.values()转换返回的结果,并使用filter()对其进行过滤。

function get() {
  let radios = document.getElementsByClassName('myradio');
  
  console.log(Object.values(radios).find((e) => (e.checked)).value);
}
<label>
  One: <input type="radio" class="myradio" name="myradio" value="formula-one" onclick="get()">
</label>

<label>
  Two: <input type="radio" class="myradio" name="myradio" value="formula-two" onclick="get()">
</label>