'Loop on a row of a specific column and edit the control in jQuery

I have generate html from by C# code for a editable report. There are some row span column and some regular column. What I need is to amend the regular column on click of the row span column.

Report Preview

When Rained off will be checked I have to set the result sore to 50, and all editable field should be read-only. While Rained off will be unchecked then everything should be like before the result and the controls.

All fields have a dynamic name. Such as, the Score:

<input type="text" title="Score" name="Score451123" class="DutyReportScore" value="108">

the Rained Off:

<input type="checkbox" class="rainedOUT" id="Ids-rainedOut-239207" title="Is Rained Out?" name="RainedOut239207" value="1">

Thanks in advance.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source