我有一组单选按钮，我想取消后AJAX表单提交使用jQuery。我有以下功能:
function clearForm(){
$('#frm input[type="text"]').each(function(){
$(this).val("");
});
$('#frm input[type="radio":checked]').each(function(){
$(this).checked = false;
});
}
在这个函数的帮助下，我可以清除文本框中的值，但我不能清除单选按钮的值。
顺便说一下，我还尝试了$(this).val("");但这并没有起作用。
当前回答
$('input[id^="rad"]').dblclick(function(){
var nombre = $(this).attr('id');
var checked = $(this).is(":checked") ;
if(checked){
$("input[id="+nombre+"]:radio").prop( "checked", false );
}
});
每次双击选中的单选，选中的单选就变为false
我的无线电以id=radxxxxxxxx开头，因为我使用这个id选择器。
其他回答
下面是jQuery的代码:
jQuery("input:radio").removeAttr("checked");
对于javascript:
$("input:radio").removeAttr("checked");
没有必要在foreach循环，.each()函数或任何东西
基于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);
Try
$(this).removeAttr('checked')
因为很多浏览器会把'checked=anything'解释为真。这将完全删除checked属性。
希望这能有所帮助。
重写Igor的代码为插件。
Use:
$('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 );
$('#frm input[type="radio":checked]').each(function(){
$(this).checked = false;
});
这几乎是很好的，但你错过了[0]
正确->> $(this)[0]。Checked = false;
