How to reset all radio buttons except for the one with a checked attribute?

Question

I am attempting to reset a form field by wiping all checked properties and then applying the checked property back to the one with a "checked = 'checked'"attribute.

However, I'm not sure how to only select the element that passes my if statement, as console.log(thingo) is logging all three checkboxes.

$('a').click(function () {
  if ($(this).parents('.form-field').find('.form-check-input').length != 0) { // does the revert button belong to a group with radio button inputs?    
    $(this).parents('.form-field').find('.form-check-input').prop('checked', false); //clear all checkboxes
    var thingo = $(this).parents('.form-field').find('.form-check-input');  //set checkboxes to thingo

    if (thingo.attr('checked') != null) {
      console.log(thingo);
      thingo.prop('checked', true); //attempt to set all checkboxes with attribute checked to be checked
    }
  }
});






  
    Sex
    [Revert]
  
  
    
    Male
  
  
    
    Female
  
  
    
    Unclear

user_13710126 · Answer

This can be quite simply solved by using Jquery's attribute selector. All I have to do is:

 $(this).parents('.form-field').find('.form-check-input').prop("checked", false);  
//^this line clears all existing checks          
 $(this).parents('.form-field').find("[checked = 'checked']").prop("checked", true);
//^this line finds the checked attribute with the attribute selector and sets it to checked

user_12932615 · Answer

$('button').on('click',function () {
    var formField = $(this).parents('.form-field');
    var formFieldInputs = formField.find('.form-check-input');
    if (formFieldInputs.length){
        formFieldInputs.prop("checked", false); //clear all checkboxes
        formField.find('.form-check-input-default').prop("checked", true);
    }
});

HTML format, just add a default class

Some elements here:

Use button instead of a. Clicking on a button does do something though, when used in its natural environment
Use jQuery.on instead of jQuery.click see : Difference between .on('click') vs .click()
For checked attribute see : What's the proper value for a checked attribute of an HTML checkbox?

user_11312421 · Answer

you don't need to write checked="checked" but its actually only checked when you want some button to be true by default you just need to add checked refer this link once: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio I think this can help you

How to reset all radio buttons except for the one with a checked attribute?

3 Answers