我有一组单选按钮，我想取消后AJAX表单提交使用jQuery。我有以下功能:
function clearForm(){
$('#frm input[type="text"]').each(function(){
$(this).val("");
});
$('#frm input[type="radio":checked]').each(function(){
$(this).checked = false;
});
}
在这个函数的帮助下，我可以清除文本框中的值，但我不能清除单选按钮的值。
顺便说一下，我还尝试了$(this).val("");但这并没有起作用。
当前回答
function setRadio(obj)
{
if($("input[name='r_"+obj.value+"']").val() == 0 ){
obj.checked = true
$("input[name='r_"+obj.value+"']").val(1);
}else{
obj.checked = false;
$("input[name='r_"+obj.value+"']").val(0);
}
}
<input type="radio" id="planoT" name="planoT[{ID_PLANO}]" value="{ID_PLANO}" onclick="setRadio(this)" > <input type="hidden" id="r_{ID_PLANO}" name="r_{ID_PLANO}" value="0" >
:D
其他回答
你可以使用JQuery来取消选中单选按钮
$('input:radio[name="IntroducerType"]').removeAttr('checked');
$('input:radio[name="IntroducerType"]').prop('checked', false);
下面是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);
电台及电台组:
$(document).ready(function() {
$(document).find("input:checked[type='radio']").addClass('bounce');
$("input[type='radio']").click(function() {
$(this).prop('checked', false);
$(this).toggleClass('bounce');
if( $(this).hasClass('bounce') ) {
$(this).prop('checked', true);
$(document).find("input:not(:checked)[type='radio']").removeClass('bounce');
}
});
});
你也可以只使用复选框来模拟单选按钮的行为:
<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/
