我有一组单选按钮，我想在使用 jQuery 提交 AJAX 表单后取消选中它们。我有以下功能：
function clearForm(){
$('#frm input[type="text"]').each(function(){
$(this).val("");
});
$('#frm input[type="radio":checked]').each(function(){
$(this).checked = false;
});
}
借助此功能，我可以清除文本框中的值，但无法清除单选按钮的值。
顺便说一句，我也尝试过，$(this).val("");但没有奏效。
要么（纯js）
this.checked = false;
或 (jQuery)
$(this).prop('checked', false);
// Note that the pre-jQuery 1.6 idiom was
// $(this).attr('checked', false);
有关attr()和prop()之间的区别以及为什么现在更可取的原因，请参阅jQuery prop() 帮助页面。
prop() 于 2011 年 5 月在 jQuery 1.6 中引入。
你不需要这个each功能
$("input:radio").attr("checked", false);
或者
$("input:radio").removeAttr("checked");
这同样适用于您的文本框：
$('#frm input[type="text"]').val("");
但你可以改进这一点
$('#frm input:text').val("");
尝试
$(this).removeAttr('checked')
由于许多浏览器会将“checked=anything”解释为true。这将完全删除选中的属性。
希望这可以帮助。
基于 Igor 的代码对 Laurynas 的插件进行了轻微修改。这容纳了与目标单选按钮相关联的可能标签：
(function ($) {
$.fn.uncheckableRadio = function () {
return this.each(function () {
var radio = this;
$('label[for="' + radio.id + '"]').add(radio).mousedown(function () {
$(radio).data('wasChecked', radio.checked);
});
$('label[for="' + radio.id + '"]').add(radio).click(function () {
if ($(radio).data('wasChecked'))
radio.checked = false;
});
});
};
})(jQuery);
将 Igor 的代码重写为插件。
利用：
$('input[type=radio]').uncheckableRadio();
插入：
(function( $ ){
$.fn.uncheckableRadio = function() {
return this.each(function() {
$(this).mousedown(function() {
$(this).data('wasChecked', this.checked);
});
$(this).click(function() {
if ($(this).data('wasChecked'))
this.checked = false;
});
});
};
})( jQuery );