Question

我正在尝试根据单选按钮值进行算术运算。

＆＃13;

<html>
  <body>
    <br>Enter first number:
    <input type="text" id="txt1" name="text1">Enter second number:
    <input type="text" id="txt2" name="text2">
    
    <form>
      <input type="radio" name="oper" value="1" checked>Add
      <br>
      <input type="radio" name="oper" value="2">Multiply
      <br>
      <input type="radio" name="oper" value="3">Subtract
    </form> 




    <p id="demo"></p>
    <script>
      function myFunction() {
        var y = document.getElementById("txt1").value;
        var z = document.getElementById("txt2").value;
	var o = getCheckedRadioValue("oper");
	if(+o == 1)
        	var x = +y + +z;
	
	if(+o == 2)
		var x = +y * +z;
		
	if(+o == 3)
		var x = +y - +z;
		
		
	    
	
        document.getElementById("demo").innerHTML = x;
      
    </script>
    <button onclick="myFunction()">Calculate</button>
    <br/>
  </body>
</html>

＆＃13;

Answer 1

您可能遇到getCheckedRadioValue功能问题。

使用jQuery获取radio按钮复选框值

var o = $("input:radio[name='oper']:checked").val();

尝试像这样执行

 <script>
      function myFunction() {
        var y = document.getElementById("txt1").value;
        var z = document.getElementById("txt2").value;
    var o = $("input:radio[name='oper']:checked").val();
    if(+o == 1)
            var x = +y + +z;

    if(+o == 2)
        var x = +y * +z;

    if(+o == 3)
        var x = +y - +z;

      //  alert(x);

        document.getElementById("demo").innerHTML = x;
      }
    </script>

    <br/>
  </body>
</html>

感谢。

Answer 2

尝试这样：

输入第一个号码：
输入第二个号码：

<form>
    <input type="radio" name="oper" value= 1 checked />Add
<br>
    <input type="radio" name="oper" value=2 />Multiply
<br>
    <input type="radio" name="oper" value=3 />Subtract
</form> 
    <p id="demo"></p>
     <button id="submit">Calculate</button>


    $( "#submit" ).click(function() {
       var y = $("#txt1").val();
        var z = $("#txt2").val();
        var selected =  $("input[type='radio']:checked");
    var o =selected.val();

    if(o == 1)
            var x = +y + +z;

    if(o == 2)
        var x = +y * +z;

    if(o == 3)
        var x = +y - +z;
$("#demo").html(x);


    });

Javascript：无法获取var中的单选按钮值

2 个答案: