我有一组单选按钮，我想取消后AJAX表单提交使用jQuery。我有以下功能:
function clearForm(){
$('#frm input[type="text"]').each(function(){
$(this).val("");
});
$('#frm input[type="radio":checked]').each(function(){
$(this).checked = false;
});
}
在这个函数的帮助下，我可以清除文本框中的值，但我不能清除单选按钮的值。
顺便说一下，我还尝试了$(this).val("");但这并没有起作用。
当前回答
Try
$(this).removeAttr('checked')
因为很多浏览器会把'checked=anything'解释为真。这将完全删除checked属性。
希望这能有所帮助。
其他回答
基于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);
你也可以只使用复选框来模拟单选按钮的行为:
<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/
这个fork还可以让你取消所有在注释中请求的选择: http://jsfiddle.net/5ry8n4f4/
谢谢帕特里克，你让我今天很开心!你必须使用鼠标下键。不过，我已经改进了代码，以便您可以处理一组单选按钮。
//We need to bind click handler as well
//as FF sets button checked after mousedown, but before click
$('input:radio').bind('click mousedown', (function() {
//Capture radio button status within its handler scope,
//so we do not use any global vars and every radio button keeps its own status.
//This required to uncheck them later.
//We need to store status separately as browser updates checked status before click handler called,
//so radio button will always be checked.
var isChecked;
return function(event) {
//console.log(event.type + ": " + this.checked);
if(event.type == 'click') {
//console.log(isChecked);
if(isChecked) {
//Uncheck and update status
isChecked = this.checked = false;
} else {
//Update status
//Browser will check the button by itself
isChecked = true;
//Do something else if radio button selected
/*
if(this.value == 'somevalue') {
doSomething();
} else {
doSomethingElse();
}
*/
}
} else {
//Get the right status before browser sets it
//We need to use onmousedown event here, as it is the only cross-browser compatible event for radio buttons
isChecked = this.checked;
}
}})());
下面是jQuery的代码:
jQuery("input:radio").removeAttr("checked");
对于javascript:
$("input:radio").removeAttr("checked");
没有必要在foreach循环，.each()函数或任何东西
使用这个
$("input[name='nameOfYourRadioButton']").attr("checked", false);
