Question

我有两个单选按钮，一旦我点击第二个收音机，第一个单选按钮我想取消选中，第二个将在第一个点击之后被检查，第二个将被取消选中。

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

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

请帮帮我。

Answer 1

简单，只需使用具有相同值的'name'属性，它就适合您见下面的片段

<html>
<body>

<form>
  <input type="radio" name="sex" value="male" checked> Male
  <br>
  <input type="radio" name="sex" value="female"> Female
</form> 

</body>
</html>

希望有所帮助

Answer 2

<form>
  <label>
    <input type="radio" name="sex" value="male" checked>Male</label>
  <br>
  <label>
    <input type="radio" name="sex" value="female">Female</label>
</form>

为他们提供一个name属性，其共同的value类似于性，它会起作用。为了获得最佳效果，您可以将input标记放在label标记内，这样即使您的用户点击了男性或女性文本，相应的radio button被选中。

Answer 3

完美答案在上面已经回答了，但我想分享一下javascript的工作方式，这是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>

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

3 个答案: