jquery to loop through textboxes and select data

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;
    
        
            @Model.RCACategoryMains[i].IdRCAM
        
        
            @Model.RCACategoryMains[i].Category"
            
        
        
            
        
    
    i++;
}

How do I populate input (inputData) with (mainData) on (selectData) check using jquery?

So far I only can do it for one row with

@foreach (var item in Model.RCACategoryMains)
{
countcount = count + 1;
<div id="DivRows" class="row no-gutters mb-1">
<div class="col-md-1">
<span class="form-control">@Model.RCACategoryMains[i].IdRCAMspan>
div>
<div class="col-md-4">
<span id="mainData" class="form-control" asp-for="RCACategoryList[i].RCACatName" name="selectedCategory[@i]">@Model.RCACategoryMains[i].Category"span>
<input id="inputData" class="form-control bg-white" asp-for="RCACategoryList[i].RCACatName" name="selectedCategory[@i]" />
div>
<div class="col-md-2 text-center">
<input id="selectData" 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++;
}

and

$(function () {
$("#DivRows").on("change", function () {
var data = $("#mainData").text();
if ($("#selectData").prop("checked") == true) {
$("#inputData").val(data)
}
else {
$("#inputData").val("")
}
})
})

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
Remember one thing, while working with multiple elements related to each other, try to make them related somehow.
step 1. Relate each of three
@foreach (var item in Model.RCACategoryMains)
        {
            countcount = count + 1;
            "DivRows" class="row no-gutters mb-1">
                class="col-md-1">
                    class="form-control">@Model.RCACategoryMains[i].IdRCAM
class="col-md-4">
"mainData_@i" class="form-control" asp-for="RCACategoryList[i].RCACatName" name="selectedCategory[@i]">@Model.RCACategoryMains[i].Category"
"inputData_@i" class="form-control bg-white" asp-for="RCACategoryList[i].RCACatName" name="selectedCategory[@i]" />