JSFiddle - React, Tailwind, and code Playground
HTML
<div class="row">
<div class="form-group col-md-1">
<input type="checkbox" class="form-control" />
</div>
<div class="form-group col-md-3">
<input type="text" />
</div>
<div class="form-group col-md-3">
<input type="text" />
</div>
</div>
<div class="row">
<div class="form-group col-md-1">
<input type="checkbox" class="form-control" />
</div>
<div class="form-group col-md-3">
<input type="text" />
</div>
<div class="form-group col-md-3">
<input type="text" />
</div>
</div>
<div class="row">
<div class="form-group col-md-1">
<input type="checkbox" class="form-control" />
</div>
<div class="form-group col-md-3">
<input type="text" />
</div>
<div class="form-group col-md-3">
<input type="text" />
</div>
</div>
JavaScript
$( 'input[type="checkbox"]' ).on( 'change', function() {
$( this ).closest( '.row' ).find( 'input[type="text"]' ).prop( 'disabled', ! this.checked );
} ).trigger( 'change' );