我正在尝试根据单选按钮值进行算术运算。
<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;
答案 0 :(得分:0)
您可能遇到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>
感谢。
答案 1 :(得分:0)
尝试这样:
输入第一个号码:
输入第二个号码:
<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);
});