Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在HTML中切换男性、女性单选按钮_Javascript_Html - Fatal编程技术网

Javascript 如何在HTML中切换男性、女性单选按钮

Javascript 如何在HTML中切换男性、女性单选按钮,javascript,html,Javascript,Html,当我点击第二个单选按钮时,我有两个单选按钮,第一个单选按钮我想取消选中,第二个单选按钮在点击第一个后将被选中,第二个单选按钮将取消选中 <input type="radio" id="rbdemail" onclick="chekrbdclick()" checked="checked" /> <input type="radio" id="rbdsitelnk" onclick="chekrbdclick()" /> function chekrbdclick()

当我点击第二个单选按钮时,我有两个单选按钮,第一个单选按钮我想取消选中,第二个单选按钮在点击第一个后将被选中,第二个单选按钮将取消选中

<input type="radio" id="rbdemail" onclick="chekrbdclick()" checked="checked" />
<input type="radio" id="rbdsitelnk" onclick="chekrbdclick()" />

function chekrbdclick() 
{
  //How to manage here?
}

函数chekrbdclick()
{
//这里怎么管理?
}

请帮助我。

很简单,只需使用具有相同值的“name”属性,它将适用于您 请参阅下面的代码片段


男性

女性

男性

女性
完美的答案在上面,但我想和大家分享一下它是如何通过javascript工作的,这是javascript工作(不是标准答案)

男性
女性 函数chekrbdclick(n) { var male=document.getElementById('rbdemail'); var female=document.getElementById('rbdsitelnk'); 如果(n==0){ male.checked=true; 女性。检查=假; } 否则{ male.checked=false; 女性。已检查=正确; } }
对两个单选按钮使用相同的名称,无需使用JavaScript
    <input type="radio" id="rbdemail" onclick="chekrbdclick(0)" checked="checked" value="Male" />Male<br>
    <input type="radio" id="rbdsitelnk" onclick="chekrbdclick(1)" value="Female" />Female
    <script>
    function chekrbdclick(n) 
    {
      var male = document.getElementById('rbdemail');
      var female = document.getElementById('rbdsitelnk');
     if(n === 0){  
      male.checked = true;  
      female.checked = false;
     }
     else {   
      male.checked = false;  
      female.checked = true;
     }
    }
    </script>