click checbox and show/hide image

[Gio123]

Καλησπέρα,

 

Έχω αυτές τις 2 γραμμές κώδικα 

 <td valign="top" align="center"><?php echo "<input type='checkbox' name='check_pro[]' id='check'  value='".$arrayidpro[$i]."'>"; ?></td> 
<td valign="top" ><?php echo $arraylast[$i]." ".$arrayfirst[$i]; ?><img id="img" src="yes.png" style="display:none"></td>

και θέλω κάθε φορά που πατάω σε ένα ή περισσότερα checkbox να εμφανίζεται η εικόνα.

$(document).ready(function () {
                $('#check').change(function () {
                  $('#img').fadeToggle();
                });
            });

αλλά δεν μπορώ να σκεφτώ πως γίνεται σε πολλά checkbox, καμία ιδέα για το πως γίνεται;

 

Ευχαριστώ.

[chrism4111]

Βασικά θα πρέπει να σβήσεις τα id και να δουλέψεις με classes.

<td valign="top" align="center"><input type='checkbox' name='check_pro[]' class='check'  value='' /></td>
<td valign="top" ><img class="img" src="yes.png" style="display:none"></td>

Λογικά αν είναι πολλά η δομή θα πρέπει να είναι κάπως έτσι

<tr>
<td valign="top" align="center"><input type='checkbox' name='check_pro[]' class='check'  value='' /></td>
<td valign="top" ><img class="img" src="yes.png" style="display:none"></td>
</tr>
<tr>
<td valign="top" align="center"><input type='checkbox' name='check_pro[]' class='check'  value='' /></td>
<td valign="top" ><img class="img" src="yes.png" style="display:none"></td>
</tr>

Για να καταφαίρεις αυτό που λές το Javascript κομμάτι θα πρέπει να είναι κάπως έτσι

$(document).ready(function () {
                $('.check').change(function () {
                     $(this).parents('tr').find('td .img').fadeToggle();
                });
            });

Νομίζω ότι έτσι θα δουλέψει.

[Gio123]

Μια χαρά φίλε.

 

Σε ευχαριστώ.