javascript - 将 javascript 中的值引入单选按钮

标签 javascript html input radio-button output

我希望根据用户输入的数字符号检查我的单选按钮。这是我的代码:

<!DOCTYPE html>
<html>
<body>
<script>
function func1(x, y){

    var z = x + y
    document.getElementById("Z").innerHTML = z;
    var Sign1
    if (z < 0) {

        Sign1 = "pos";
    }
    else {

        Sign1 = "neg";
    }
}                           

</script>
<form >
first input:<br>
<input id="Y" type="text" y="Y" value=85>
<br>
second input:<br>
<input id="X" type="text" x="X" value=15>
<br> 
The Answer:<br>
<input id="Z" type="text" z="Z" > 
 <br>
<input type="radio" name="sign" value="pos" checked> positive
<input type="radio" name="sign" value="neg"> negative

<br><br>
</form>
<button type="button" onclick="func1(parseInt(document.getElementById('X').value),parseInt(document.getElementById('Y').value))">Try it</button>
</body>
</html>

这里根据z的值。我应该如何在单选按钮的javascript代码中引入这个值和条件?

最佳答案

你可以这样做:

var func1 = function (){
   var x, y, z;
   x= Number(document.getElementById("X").value);
   y= Number(document.getElementById("Y").value);
   z= x + y;
   
   document.getElementById("Z").value =  z;
    
    if (z < 0) {
		document.getElementById("neg").checked=true;
    }
    else {
        document.getElementById("pos").checked=true;
    }
}  
<html>
<head>
<title>Untitled Document</title>

</head>

<body>
<form>
first input:<br>
<input id="Y" type="text" value=85>
<br>
second input:<br>
<input id="X" type="text" value=15>
<br> 
The Answer:<br>
<input id="Z" type="text" > 

<input type="radio" name="sign" id="pos"> positive
<input type="radio" name="sign" id="neg"> negative
<br>

<button type="button" onclick="func1()">Try it</button>
</form>
</body>

</html>

关于javascript - 将 javascript 中的值引入单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28774217/

相关文章:

javascript - $parsers 和 $formatters 只被调用一次,而不是在每次值更新时调用

html - 扩展内部 div 高度以满足外部 div 高度

php - 有谁知道如何检查 href 是否等于 smarty 中的当前页面链接?

javascript - React 中如何制作有焦点或有内容时可以向上移动的 float 标签?

javascript - 如何将 props 传递给 ListHeaderComponent?

javascript - jQuery 弹出框未显示

javascript - 附加节点不会触发 JavaScript 事件

css - 如何使输入元素显示为与 block 元素相同?

c - 如何在不同的行中输入字符串?

javascript - 如何从多深度 JavaScript 对象中删除空属性?