I have a form with checkboxes, generated with a foreach loop and I want to populate input based on checkbox select. View below
@foreach (var item in Model.RCACategoryMains)
{
count = count + 1;
<div id="DivRows" class="row no-gutters mb-1">
<div class="col-md-1">
<span class="form-control">@Model.RCACategoryMains[i].IdRCAM</span>
</div>
<div class="col-md-4">
<span id="mainData[@i]" class="form-control" asp-for="RCACategoryList[i].RCACatName" name="selectedCategory[@i]">@Model.RCACategoryMains[i].Category"</span>
<input id="inputData[@i]" class="form-control bg-white" asp-for="RCACategoryList[i].RCACatName" name="selectedCategory[@i]" />
</div>
<div class="col-md-2 text-center">
<input id="selectData[@i]" type="checkbox" data-toggle="toggle" data-on="Yes" data-off="No" data-width="200" data-height="40" data-onstyle="success" data-offstyle="danger">
</div>
</div>
i++;
}
How do I populate input (inputData) with (mainData) on (selectData) check using jquery?