<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$( "<input type='radio' name='radio' value='1'>" ).appendTo( "body" );
$("<label >Верхний регистр</label>").appendTo( "body" );
$( "<input type='radio' name='radio' value='2'>" ).appendTo( "body" );
$("<label >Нижний регистр</label><br><br>").appendTo( "body" );
$( "<input type=text id='mytext' value='некоторый текст'>" ).appendTo( "body" );
$('input:radio[name="radio"]').change(function() {
if ($(this).val() == "1"){
let t = $("#mytext").val();
$("#mytext").val(t.toUpperCase());
}
if ($(this).val() == "2"){
let t = $("#mytext").val();
$("#mytext").val(t.toLowerCase());
}
});
});
</script>
</head>
<body>
</body>
</html>
| 