如果只有一个按钮，如何取消选中单选按钮？

Question

我在输入表单中有这两个单选按钮：

<input type="radio" name="info_only_on" value="yes"> Info-only  
<input type="radio" name="info_only_on" value="off"> (Clear Button)

它创建了两个按钮，因此用户可以检查 info-only，然后在出错时关闭 info-only。我创建了第二个按钮，因为一旦选中了单选按钮，再次单击它就不会取消选择它。

我已切换到 type="checkbox"，它确实让用户取消选择。

<input type="checkbox" name="info_only_on" value="yes">

查看单选类型按钮的规格，我没有看到用户取消选中它的任何内容。我错过了什么？

我正在使用 html、php 并避免使用 javascript。

---

用来勾选框值的php是：

 // When info_only_on is set to clear, it's value should be passed here as "no" 
if($_POST["info_only_on"] == "yes")                                     
{ $info_only =  "Added Member info online but not paying online. ";   }
else 
{ $info_only = " ";  }   

  // BUILD UP MESSAGE to email to our membership chair  
$MsgToWrite = "\r\n" . $BasicInfo . $PhoneInfo . $EmailInfo;
If ($info_only <> " ") 
{   $MsgToWrite = $MsgToWrite . "\r\n" . $info_only; }

Answer 1

我不认为没有javascript你可以做到，这里有一个简单的例子：

HTML 代码：

<input type="radio" name="name" id="radioBtn" onclick="test(this)" /> Radio

Javascript 代码：

    var radioState = false;
    function test(element){
        if(radioState == false) {
            check();
            radioState = true;
        }else{
            uncheck();
            radioState = false;
        }
    }
    function check() {
        document.getElementById("radioBtn").checked = true;
    }
    function uncheck() {
        document.getElementById("radioBtn").checked = false;
    }

看这里：https://jsfiddle.net/eloufirhatim/ypwhugxz/

Answer 2

很遗憾，无法使用 HTML 取消选择单个单选按钮。在 HTML 中，只需选择一个单选按钮。如果您希望能够在选择一个单选按钮后取消选择所有单选按钮，那么您将不得不为此使用 javascript。

来自 Wikipedia：“最初可能没有选择组中的任何单选按钮。这种未选择状态无法通过与单选按钮小部件交互来恢复，尽管可能通过其他用户界面元素来恢复。” https://en.wikipedia.org/wiki/Radio_button