JSFiddle - React, Tailwind, and code Playground

HTML

<select id="edit-rec" class="form-select" multiple="multiple" name="rec[]">
<option value="6012">Test 1</option>
<option value="8436">Test 2</option>
<option value="4689">Test 3</option>
<option value="6784">Test 4</option>
</select>
<br />
<input id="rdClear" type="radio" name="group1" value="Deselect All"> Deselect<br>
<input type="radio" name="group1" value="Default"> Default<br>

JavaScript

$('#rdClear').click(

function() {
    $("#edit-rec option:selected").removeAttr("selected");
});