How to Check All Checkboxes using JavaScript in a table row emitted by PHP

You can do it by adding a kind of reference on the other check boxes to the main check box you are checking. Then, when clicking on the main check box, you can control the others. Like this:

Javascript:

    $('.allcb').on('click', function(){
        var index = $(this).data('index');

        if ($(this).is(':checked'))
        {
            $('.childChk' + index).prop('checked', true);
        }
        else
        {
            $('.childChk' + index).prop('checked', false);
        }
    });

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <?php
            for ($i=0; $i<count($opinion); $i++) {
        //if ($opinion[$i] == "")continue;
            ?>
              <tr>
                <td>
                 <!-- <input type="text" name="opinion[]" value="<?php //echo $opinion[$i]?>" size="28" readonly="readonly" />-->

          <input type="checkbox" name="opinion[]" class="allcb" data-child="chk" data-index="<?=$i?>" value="<?php echo $opinion[$i]?>" />
          <?php echo $opinion[$i]?>
        </td>
        <td>
          <input type="checkbox" name="action[]" class="chk chkChild<?=$i?>" value="<?php echo $action[$i] ?>" />
          <?php echo $action[$i] ?>
        </td>
        <td>
          <input type="checkbox" name="long_term[]" class="chk chkChild<?=$i?>" value="<?php echo $long_term[$i] ?>" />
          <?php echo $long_term[$i] ?>
        </td>
        <td>
          <input type="checkbox" name="p_long_term[]" class="chk chkChild<?=$i?>" value="<?php echo !empty($p_long_term[$i])?$p_long_term[$i]:'';?>" />
          <?php echo !empty($p_long_term[$i])?$p_long_term[$i]: '';?>
        </td>
        <td>
          <input type="checkbox" name="short_term[]" class="chk chkChild<?=$i?>" value="<?php echo $short_term[$i] ?>" />
          <?php echo $short_term[$i] ?>
        </td>
        <td>
          <input type="checkbox" name="p_short_term[]" class="chk chkChild<?=$i?>" value="<?php echo !empty($p_short_term[$i])?$p_short_term[$i]:'';?>" />
          <?php echo !empty($p_short_term[$i])?$p_short_term[$i]: '';?>
        </td>
        <td>
          <input type="checkbox" name="outlook[]" class="chk chkChild<?=$i?>" value="<?php echo $outlook[$i] ?>" />
          <?php echo $outlook[$i] ?>
        </td>
        <td>
          <input type="checkbox" name="rating_type[]" class="chk chkChild<?=$i?>" value="<?php echo $rating_type[$i] ?>" />
          <?php echo $rating_type[$i] ?>
        </td>
      </tr>
    <?php
            }
    ?>

Note that I added the $i counter to your child check boxes class. This won't change the behavior of any DOM element.

EDIT:

You may NOT call the jQuery library inside the loop. The jQuery library MUST be called just one time. If you call several times, all the solutions presented here will not work.

Simple use this : 

$(document).ready(function(){
  $('.allcb').on('click', function(){
    $(this).parent("td").parent("tr").find('.chk').prop('checked', this.checked);

  });
});

You can try this,

 $('.allcb').on('click', function(){  
      $(this).closest('tr').find('.chk').prop('checked', this.checked);  
 }); 

Or

 $('.allcb').on('click', function(){  
      $(this).parents('tr').find('.chk').prop('checked', this.checked);  
 }); 

this is just Pekka answer with 1 line more.

If you want to check all the checkBoxes using javascript,

You can give all the checkbox a class,

and then

var a = document.getElementsByClassName("yourClassName"); for(var key in a) { a[key].checked = true; }

or

if you want to use jQuery ,

$(".yourClassName").attr("checked",true);

This solution plays nice with dynamic elements, and uses className to identity the row (.option-row) instead of relying on tagName so that you're not committed to using specific elements to display the data.

Make sure that you include a reference to jquery.js before you call the $ function (as in the example below).

// check or uncheck all boxes with class 'chk' when 'allcb' is clicked
$(document).on('click', '.allcb', function() {
  $('.chk',$(this).closest('.option-row')).prop('checked', this.checked);
});

// simulate PHP; render some rows for demo
var html = [];
for (var i = 0; i < 5; i++) {
  html.push('<tr class="option-row"><td><input type="checkbox" class="allcb cb"/></td><td><input type="checkbox" class="chk"/></td><td><input type="checkbox" class="chk"/></td></tr>');
}
$("tbody").html(html.join(''));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <thead>
    <tr>
      <th>Opinion</th>
      <th>Column A</th>
      <th>Column B</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>