JSFiddle - React, Tailwind, and code Playground

by Guruprasad Rao

HTML

<table>
    <tr>
        <td><input type="checkbox" name="book" class="book" value="Checkbox 1"/></td>

        <td><input type="text" name="bookprice"class="bookprice" value="200"/></td>
    </tr>
    <tr>
        <td><input type="checkbox" name="book" class="book" value="Checkbox 2"/></td>

        <td><input type="text" name="bookprice"class="bookprice" value="300"/></td>
    </tr>
    <tr>
        <td><input type="checkbox" name="book" class="book" value="Checkbox 3"/></td>

        <td><input type="text" name="bookprice"class="bookprice" value="400"/></td>
    </tr>
    <tr>
        <td><div class="button"><a href="#" onClick="submitbookdata();">Save !</a></div></td>
    </tr>
</table>

JavaScript

function submitbookdata() {
    var bookidArr = [];
    var bookpriceArr = [];
    $('.book').each(function() {
        if ($(this).is(':checked')) {
                var current = $(this).val();
               bookpriceArr.push($(this).parents("tr").find(".bookprice").val())
               }
    bookidArr.push($(this).val());
    });
    alert(bookpriceArr);
}