DataTable with radio button

by Manoj Kadolkar

HTML

<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
<table id="myTable">
    <thead>
        <tr><th>hi</th><th>hi</th> </tr>
    </thead>
    <tbody>
    <tr>
        <td>Something</td>
        <td>
            <input type="radio" name="check1" class="select-first">check  
            <input type="radio" name="check1" class="select-first">uncheck  
        </td>
    </tr>
        <tr>
        <td>Something</td>
        <td>
             <input type="radio" name="check2" class="select-first">check
             <input type="radio" name="check2" class="select-first">uncheck
        </td>
    </tr>
        <tr>
        <td>Something</td>
        <td>
            <input type="radio" name="check3" class="select-first">check 
            <input type="radio" name="check3" class="select-first">uncheck
        </td>
    </tr><tr>
        <td>Something</td>
        <td>
             <input type="radio" name="check4" class="select-first">check
             <input type="radio" name="check4" class="select-first">uncheck
        </td>
    </tr><tr>
        <td>Something</td>
        <td>
             <input type="radio" name="check5" class="select-first">check
             <input type="radio" name="check4" class="select-first">uncheck
        </td>
    </tr><tr>
        <td>Something</td>
        <td>
             <input type="radio" name="check6" class="select-first">check 
             <input type="radio" name="check6" class="select-first">uncheck 
        </td>
    </tr><tr>
        <td>Something</td>
        <td>
             <input type="radio" name="check7" class="select-first">check 
             <input type="radio" name="check7" class="select-first">uncheck 
        </td>
    </tr><tr>
        <td>Something</td>
        <td>
            <input type="radio" name="check8" class="select-first">check 
            <input type="radio" name="check8"...

JavaScript

$('.select-first').on('change', function(e) {
alert("Checked");
var options = $(this).prop("checked", true);
var checked = 'id='+ ids + '&option='+ options;
}); $('#myTable').DataTable();