如何取消选中单选按钮？

JavaScript

飞云樱

2020-03-12

在使用jQuery提交AJAX表单后，我想取消选中单选按钮。我有以下功能：

function clearForm(){
  $('#frm input[type="text"]').each(function(){
      $(this).val("");  
  });
  $('#frm input[type="radio":checked]').each(function(){
      $(this).checked = false;  
  });
 }

借助此功能，我可以清除文本框中的值，但不能清除单选按钮的值。

顺便说一句，我也尝试过，$(this).val("");但是那没用。

第1329篇《如何取消选中单选按钮？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共3个回答
古一L 2020.03.12

您还可以仅使用复选框来模拟单选按钮的行为：

<input type="checkbox" class="fakeRadio" checked />
<input type="checkbox" class="fakeRadio" />
<input type="checkbox" class="fakeRadio" />

然后，您可以使用以下简单代码为您工作：

$(".fakeRadio").click(function(){
    $(".fakeRadio").prop( "checked", false );
    $(this).prop( "checked", true );
});

它工作正常，您可以更好地控制每个按钮的行为。

您可以在以下位置自己尝试：http : //jsfiddle.net/almircampos/n1zvrs0c/

您也可以根据注释中的请求取消选择所有内容：http : //jsfiddle.net/5ry8n4f4/

老丝猿阿飞 2020.03.12

只需将以下代码用于jQuery即可：

jQuery("input:radio").removeAttr("checked");

对于javascript：

$("input:radio").removeAttr("checked");

无需放置任何foreach循环，.each（）函数或任何东西

梅Near米亚 2020.03.12

尝试

$(this).attr("checked" , false );

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android