Bloquear Campo com FOR

estrutura for

by Rapha Souza

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    
      <input type="text" class="form-control" id="validationTooltip01" placeholder="First name"  required>
          <input type="text" class="form-control" id="validationTooltip01" placeholder="First name"  required>
					      <input type="text" class="form-control" id="validationTooltip01" placeholder="First name"  required>
								      <input type="text" class="form-control" id="validationTooltip01" placeholder="First name"  required>
											      <input type="text" class="form-control" id="validationTooltip01" placeholder="First name"  required>
    
		
		   
      <label for="validationTooltip01">First name</label>
      <input type="text" class="form-control" id="validationTooltip" placeholder="First name" >
   
  


<button onclick="myFunction()">Try it</button>

<input type="button" id="deletando" value="clique">
<input type="button" id="deletando" value="clique2">
<input type="button" id="deletando" value="clique3">
<p id="demo"></p>

<script>
function myFunction() {
 var x = document.getElementById("validationTooltip01").getAttribute("id");
    document.getElementById("demo").innerHTML = x;



for (var i = 0; i < 9; i++) {

document.getElementById("validationTooltip01").setAttribute("id",x+i); 
	  document.getElementById("validationTooltip01"+i).readOnly = true;
//	  document.getElementById(x+i).readOnly = true;
	 
}
    
}
var as="sa";

$("#deletando").click( function() {
for (var i = 0; i < 9; i++) {


}
alert("clique");

});


</script>