Javascript 我想在使用if和else单击单选按钮时显示文本框_Javascript_Html

Javascript 我想在使用if和else单击单选按钮时显示文本框

javascript html

Javascript 我想在使用if和else单击单选按钮时显示文本框,javascript,html,Javascript,Html,如果我点击借方单选按钮，显示借方文本框并使贷方文本框消失，如果我点击贷方单选按钮，则借方文本框自动消失，默认情况下，两个文本框都消失，下面是我的HTML function show() { document.getElementById('debit').style.display = 'block'; } function hide() { document.getElementById('credit').style.display = 'none'; } A B 也许你在找这样的东西 &

如果我点击借方单选按钮，显示借方文本框并使贷方文本框消失，如果我点击贷方单选按钮，则借方文本框自动消失，默认情况下，两个文本框都消失，下面是我的HTML

function show() { document.getElementById('debit').style.display = 'block'; }
function hide() { document.getElementById('credit').style.display = 'none'; }

A
B

也许你在找这样的东西

<INPUT TYPE=RADIO NAME="num" VALUE="debit" onclick="hide();"/>A 
<INPUT TYPE=RADIO NAME="num" VALUE="credit" onclick="show();"/>B 

<input type="number" id="debit" name="debit" placeholder="debit">
<input type="number" id="credit" name="credit" placeholder="credit">


函数init（）{
document.getElementById（'debit'）.style.display='none'；
document.getElementById（'credit'）.style.display='none'；
}
函数showDebit（）{document.getElementById（'credit'）.style.display='none'；document.getElementById（'debit'）.style.display='block'；}
函数showCredit（）{document.getElementById（'credit'）。style.display='block'；document.getElementById（'debit'）。style.display='none'；}
A.
B

我猜您想知道如何根据哪个radiobutton被选中来实现显示输入字段的逻辑，或者？我认为像@krish it's not working这样的逻辑是correct@user27852当前位置你的意思是投票给我的这个人-1这里我是新来的：/

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8" />
  <title></title>
  <script type="text/javascript">
    function init() {
      document.getElementById('debit').style.display = 'none';
      document.getElementById('credit').style.display = 'none';
    }
    function showDebit() { document.getElementById('credit').style.display = 'none'; document.getElementById('debit').style.display = 'block'; }
    function showCredit() { document.getElementById('credit').style.display = 'block'; document.getElementById('debit').style.display = 'none'; }
  </script>
</head>
<body onload="init()">
  <input type="RADIO" name="num" value="debit" onclick="showDebit();" />A 
  <input type="RADIO" name="num" value="credit" onclick="showCredit();" />B 

  <input type="number" id="debit" name="debit" placeholder="debit">
  <input type="number" id="credit" name="credit" placeholder="credit">


</body>
</html>