Edit in JSFiddle

<div>
 position:<br><br>
<input type="radio" name="position" value="static"><label for="value_1">static </label>
<input type="radio" name="position" value="absolute"><label for="value_2">absolute</label>
<input type="radio" name="position" value="fixed"><label for="value_3">fixed</label>
<input type="radio" name="position" value="relative"><label for="value_4">relative</label>
<input type="radio" name="position" value="initial"><label for="value_5">initial</label>

</div>
<br/>
<div id="result">                        
    <div id="myDIV1" >myDIV1<br/>static</div>
    <div id="myDIV2" >myDIV2</div>
</div>

div#myDIV1 {
    position:static;
    width:100px;
    height:100px;
    background:rgb(247, 107, 107);
    left:10px;
    top:100px;
}
div#myDIV2 {
    width:100px;
    height:100px;
    background:whitesmoke;
    left:10px;
    top:100px;
}

#result{
    width:400px;
    height:400px;
    border:1px solid #ddd
    
}

$( "input" ).on( "click", function() {
  var pos = $( "input:checked" ).val();
  $("#myDIV2").css({ "position" : pos});
    
});