JSFiddle - React, Tailwind, and code Playground
by csnsgiri
HTML
<button id="btnSave">click me</button>
<table class="table tblminute table-bordered table-sm" id="tblminute">
<thead>
<tr>
<th style="width:3% !important">Sr</th>
<th style="width:3% !important">Ref</th>
<th style="width:60% !important">Minute</th>
<th style="width:20% !important">Owner</th>
<th style="width:14% !important">Date</th>
</tr>
</thead>
<tbody class="tblminutebody">
<tr style="background-color:#e9ecef">
<td>01</td>
<td>1</td>
<td colspan="3"><b>General Matters</b></td>
</tr>
<tr>
<td>02</td>
<td>1.1</td>
<td><textarea id="txtMom02" class="form-control" rows="2">General Matters</textarea></td>
<td><textarea id="txtOwner02" class="form-control" rows="2"></textarea></td>
<td><textarea id="txtmdate02" class="form-control" rows="2"></textarea></td>
</tr>
<tr>
<td>03</td>
<td>1.2</td>
<td><textarea id="txtMom03" class="form-control" rows="2"></textarea></td>
<td><textarea id="txtOwner03" class="form-control" rows="2"></textarea></td>
<td><textarea id="txtmdate03" class="form-control" rows="2"></textarea></td>
</tr>
<tr style="background-color:#e9ecef">
<td>04</td>
<td>2</td>
<td colspan="3"><b>Health and Safety Matters</b></td>
</tr>
<tr>
<td>05</td>
<td>2.1</td>
<td><textarea id="txtMom05" class="form-control" rows="2"></textarea></td>
<td><textarea id="txtOwner05" class="form-control" rows="2"></textarea></td>
<td><textarea id="txtmdate05" class="form-control" rows="2"></textarea></td>
</tr>
<tr>
<td>06</td>
<td>2.2</td>
<td><textarea id="txtMom06" class="form-control" rows="2"></textarea></td>
<td><textarea id="txtOwner06" class="form-control" rows="2"></textarea></td>
<td><textarea...
JavaScript
var id='txtMom02';
$(document).ready(function () {
$("#btnSave").click(function () {
AlertSave();
});
});
function AlertSave() {
alert("Alert Message OnClick");
}