Question

我有下面的单选按钮。单击时，无法清除单选按钮。

代码是

<td class="Label">
<input class="Label" type="radio" name="reviewoptions_{@id}" value="other" onClick="reAssign({count(../bankguaranteedata)},document.lending.guaranteereviewoptions,this,{@id})">
<xsl:if test="guaranteereviewoptions/reviewoptions[@id='other']='checked'">
<xsl:attribute name="checked"/>
</xsl:if>
</input>Other</td>

是否有可能再次单击时会清除单选按钮？

Answer 1

由于某些原因您可能希望阅读此内容，因此无法在HTML中取消选择单选按钮选项：https://ux.stackexchange.com/questions/13511/why-is-it-impossible-to-deselect-html-radio-inputs

Answer 2

试试这个

 if($('#checkboxID').is(':checked')){
         $('#checkboxID').attr('checked', false);
    }else{
        $('#checkboxID').attr('checked', true);
}

此代码使用jquery

Answer 3

您可以尝试使用重置输入。

<input type='reset' />

表单单选按钮的调用重置位于。

document.getElementById("radiobuttonsform").reset();

Answer 4

我实际上使用了这个：

var elements = document.getElementsByTagName("input");

for (var i = 0; i < elements.length; i++) {
        if (elements[i].type == "radio") {
            elements[i].checked = false;
        }
    }

如何取消选中单选按钮javascript

4 个答案: