如何取消选中单选按钮？

飞云樱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("");但是那没用。

古一L2020/03/12 20:39:04

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

<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 20:39:04

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

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

对于javascript：

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

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

梅Near米亚2020/03/12 20:39:04

尝试

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

Newest Answer

HTML5 Drag & Drop 拖动时更改图标/光标

5 Answer

如何完全卸载 Node.js，然后从头重新安装 (Mac OS X)

NUXT引入tailwindcss报错Error: Expected an opening square bracket.

1 Answer