JSFiddle - React, Tailwind, and code Playground

by kairavthakar2016

HTML

<div class="div" id="div1">

<input name="checkthis" type="checkbox" value="previous"> 
<span>text here</span>
<input type="text" name="checkthis"> 
<input type="text" name="another">
<input type="text">
<input type="checkbox" value="next">
<input type="text" id="eventTarget" oninput="findPreviousInputcheckbdfoxCheckthis(this.parentElement.id)" placeholder="Previous checkbox">

</div>

<div class="div" id="div2">

<input name="checkthis" type="checkbox" value="previous"> 
<span>text here</span>
<input type="text" name="checkthis"> 
<input type="text" name="another">
<input type="text">
<input type="checkbox" value="next">
<input type="text" id="eventTarget" oninput="findPreviousInputcheckbdfoxCheckthis(this.parentElement.id)" placeholder="Previous checkbox">

</div>

JavaScript

function findPreviousInputcheckbdfoxCheckthis(ev) {

  var selectElement = document.getElementById(ev);
  selectElement.querySelector('input[name="checkthis"]').style.visibility = "hidden";
  
}