JSFiddle - React, Tailwind, and code Playground

by donniec

HTML

<div class="test1">
    <label><input type="radio" name="test" value="1"/> Value 1</label>
    <label><input type="radio" name="test" value="2"/> Value 2</label>
    <label><input type="radio" name="test" value="3"/> Value 3</label>
    <label><input type="radio" name="test" value="4"/> Value 4</label>
    <label><input type="radio" name="test" value="5"/> Value 5</label>
</div>

JavaScript

$('input[value="1"]').attr('checked',true); // works
//$('input[value="1"]').prop('checked',true); // sometimes works
$('input[name="test"]').on("click",function(){ 
    var val = $('input[name="test"]').val();
    $('input[name="test"]').attr("disabled","disabled");
    setTimeout(function(){
        $('input[name="test"]').removeAttr("disabled","disabled");
        //$('input[value="1"]').attr('checked',true); // does not work
        $('input[value="1"]').prop('checked',true); // works
    },2000);
});