JQuery/JavaScript 重置清除单选按钮值并取消选中元素？答案

【问题标题】：JQuery/JavaScript reset clear radio-button value and un-checke the element?JQuery/JavaScript 重置清除单选按钮值并取消选中元素？
【发布时间】：2018-05-03 16:25:35
【问题描述】：

我的表单在 Ajax 调用后填充了数据。一旦用户点击后退按钮表单应该被清除。由于某种原因，一旦填充了数据并选中了单选按钮，reset 没有清除值并取消选中元素。这是代码示例：

     $.each(getData, function(name, value){
        var elementName = $('[name="'+'frmSaveaccount_'+name.toLowerCase()+'"]'),
            elementType = elementName.prop('type'),
            elementVal = $.trim(value);

        switch(elementType){
            case 'checkbox':
                value == 1 ? elementName.attr('checked',true) : elementName.attr('checked',false);
                break;
            case 'radio':
                $('input[name="'+'frmSaveaccount_'+name.toLowerCase()+'"][value="' + value + '"]').attr('checked', true);                
                break;
            case 'select-one':
                elementName.val(value);
                break;
            default:
                elementName.val(value);
        }
    });

这是清除表单的函数：

$('#account_goback').on('click',clearForm);
function clearForm(e) {
    e.preventDefault();
    $('.frm-Submit')[0].reset();
    $('.frm-Submit').find('input:hidden').val('');
}

当表单应该被清除时，有没有办法取消选中单选按钮？谢谢。

【问题讨论】：

尝试：$(document).on('click', '#account_goback',clearForm);

标签： javascript jquery radio-button

【解决方案1】：

试试这个：

$(document).ready(function(){
	$('button').on('click', function(){
      $('input[type="radio"]').prop('checked', false);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='radio' name='myRadio'> 1
<input type='radio' name='myRadio'> 2
<button>Reset</button>

【讨论】：

【解决方案2】：

这是我用来清除单选按钮的。

function clearRadio(){
    var a=[];
    a=document.getElementsByTagName('input');
    for(var b=0;b<a.length;b++){
      if(a[b].type=='radio'){
        a[b].checked=false;
      }
    }
  }

【讨论】：