What event says that a radio button has been deselected within a radio input group?

Question

Knowing when a certain input within the group of radio inputs has been de-selected.

$('[name="teste"]').on('change', (e) => console.log(e))

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span>1</span>
<input type="radio" name="teste" value="1" />
<span>2</span>
<input type="radio" name="teste" value="2" />
<span>3</span>
<input type="radio" name="teste" value="3" />
<span>4</span>
<input type="radio" name="teste" value="4" />

Answer 1

You can use for this an event that happens before the change, which is the mousedown:

$('[name="teste"]').on('mousedown keydown', (e) => { 
  console.log("evento mousedown/keydown, valor atual: " + $('input[name="teste"]:checked').val());
});

$('[name="teste"]').on('change', (e) => { 
  console.log("evento change, novo valor: " + $('input[name="teste"]:checked').val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span>1</span>
<input type="radio" name="teste" value="1" />
<span>2</span>
<input type="radio" name="teste" value="2" />
<span>3</span>
<input type="radio" name="teste" value="3" />
<span>4</span>
<input type="radio" name="teste" value="4" />