Check checkboxes after click link in Jquery

Question

I have application view like this

User's name coming with array and 0 to 8 other values coming with different array.

<table class="table">
<thead>

    <tr>
        <th width="60%">Name</th>
        <th>View</th>
        <th>Edit</th>
        <th>Delete</th>
    </tr>      
</thead>
<tbody>
   <?php $x = 0; ?>
        <?php foreach ($users as $user) { ?>

        <tr>

            <th style="background-color: #cce5ff;"> <a style="color:#8c8c8c; cursor: pointer;" type="button" data-toggle="collapse" data-target="#<?php echo $user['user']->id; ?>_<?php echo $x; ?>"> 
                    <b><?php echo $user['user']->first_name . " " . $user['user']->last_name; ?></b></a>
            </th>
            <th colspan="3" style="background-color: #cce5ff;"><a id="<?php echo $user['user']->id; ?>" class="select_all user_<?php echo $user['user']->id; ?>" style="cursor: pointer;">Select All</a> </th>

        </tr>
         <tbody id="<?php echo $user['user']->id; ?>_<?php echo $x; ?>" <?php if($x != 0){?> class="collapse"<?php } ?>>
        <?php foreach ($folders as $folder) { 

                $user_permissions = get_folder_permission($user['user']->id,$folder->id);

            ?>

        <tr>
            <td>
                <?php echo $folder->client_name;?>
            </td>
            <td>
                <input type="checkbox" id="view_<?php echo $folder->id; ?>_<?php echo $user['user']->id; ?>" class="is_check_v check_all_<?php echo $user['user']->id; ?>" value="view" <?php if(isset($user['permission'])){if(!empty($user_permissions) && $user_permissions->can_view==1){ echo 'checked';}else{echo '';}}?>  name="per">     
                <input type="hidden" id="h_view_<?php echo $folder->id; ?>_<?php echo $user['user']->id; ?>" name="view_permission[][<?php echo $folder->id; ?>][<?php echo $user['user']->id; ?>]" value="<?php if(!empty($user_permissions)){ echo $user_permissions->can_view;}else{ echo 0; } ?>">
            </td>
            <td>
                <input type="checkbox" id="edit_<?php echo $folder->id; ?>_<?php echo $user['user']->id; ?>" class="is_check_e check_all_<?php echo $user['user']->id; ?>" value="edit" <?php if(isset($user['permission'])){if(!empty($user_permissions) && $user_permissions->can_edit==1){ echo 'checked';}else{echo '';}}?> name="per">
                <input type="hidden" id="h_edit_<?php echo $folder->id; ?>_<?php echo $user['user']->id; ?>" name="edit_permission[][<?php echo $folder->id; ?>][<?php echo $user['user']->id; ?>]" value="<?php if(!empty($user_permissions)){ echo $user_permissions->can_edit;}else{ echo 0; } ?>">
            </td>
            <td>
                <input type="checkbox" id="delete_<?php echo $folder->id; ?>_<?php echo $user['user']->id; ?>" class="is_check_d check_all_<?php echo $user['user']->id; ?>" value="delete" <?php if(isset($user['permission'])){if( !empty($user_permissions) && $user_permissions->can_delete==1){ echo 'checked';}else{echo '';}}?> name="per">
                <input type="hidden" id="h_delete_<?php echo $folder->id; ?>_<?php echo $user['user']->id; ?>" name="delete_permission[][<?php echo $folder->id; ?>][<?php echo $user['user']->id; ?>]" value="<?php if(!empty($user_permissions)){ echo $user_permissions->can_delete;}else{ echo 0; } ?>">
            </td>
        </tr>

        <?php } ?>
         </tbody>
        <?php $x++; ?>
        <?php } ?>
</tbody>

I want to check all "View" "Edit" "Delete" checkbox after click "Select All" link. Every User has "Select All" link and if click it only his checkbox checked. That's I want to do, but I haven't any idea to do it.

I want to do it with Jquery.

Any help please.

DreamTeK · Accepted Answer · 2016-12-07 08:39:29Z

2

This Jquery code resolved my problem.

$(".select_all").click(function () {
  user_id = $(this).attr('id');
  $.each($('.check_this_'+user_id),function(){
    $(this).prop('checked',true);
  });
});

edited Dec 7, 2016 at 8:39

DreamTeK

34.6k30 gold badges127 silver badges180 bronze badges

answered Dec 6, 2016 at 12:19

Menaka Kariyawasam

6187 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jonathan Mee Over a year ago

Please do not post bare code answers, also provide some commentary on what your code is doing.

4b0 · Accepted Answer · 2016-12-06 11:08:23Z

0

Try (Assuming that your Select All button ID is selectAll ) :

$('#selectAll').click(function(e){
    var table= $('.table');
    $('td input:checkbox',table).prop('checked',this.checked);
});

answered Dec 6, 2016 at 11:08

4b0

22.4k30 gold badges97 silver badges143 bronze badges

2 Comments

Menaka Kariyawasam Over a year ago

but Select All link coming with array

4b0 Over a year ago

Give a id or class to Select All link before it bind on array.

Collectives™ on Stack Overflow

Check checkboxes after click link in Jquery

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related