Search jQuery

jQuery Forum

Using jQuery

vito

select the right image

in Using jQuery • 9 months ago

Hi, I have a table with n rows

this is an example of row

<tr>
<td>
<div>
<img class="deleteimage" src="' . $image . '" />
<a href='' class='trash2'>
<i class='glyphicon glyphicon-trash'></i>
</a>
</div>
</td>
<td>
<input type='checkbox' " . $chk . "> <b>Copertina</b>
</td>
</tr>

I would select the name of the images that is select

I can't select the right image. I select only the first image in the row. This is my code:

$('#table-image').find('tr').each(function () {
rowTable = $(this);
if (rowTable.find('input[type="checkbox"]').is(':checked')) {
value = rowTable.find('img').attr('src');
nomeCopertina =value.substring(value.lastIndexOf('/')+1);
}

Thanks for help

Replies(7)

jakecigar

Re: select the right image

9 months ago

You are making it harder to code by not putting the name in the radio button.

<input type='checkbox' " . $chk . " name='". $image ."> <b>Copertina</b>

Then you can just select the checkboxes and get their names. You could even put the abbreviated image name in there, and your code is even shorter.

JΛ̊KE

PS I think I got the quotes and double quotes right, but no guarantees on that.

vito

Re: select the right image

9 months ago

Ok, I can assign a name to the check box, but I need to select the image in the row that is checked.

Jake the double quotes there are because the code is printing by php, I try to best cleaning the code

jakecigar

Re: select the right image

9 months ago

As the name would be the img src, you just search for the radios, ignoring the imgs.

You get 2 benefits,

1. The page could run without javaScript.

2. Your code is much shorter.

JΛ̊KE

vito

Re: select the right image

9 months ago

but the image and the radio button are in 2 different cells.
sorry I can't understand your idea.
can you write an example?

jakecigar

Re: select the right image

9 months ago

Since you add all that code in the same loop, you would generate something like…

<tr>
<td>
<div>
<img class="deleteimage" src='zippy.jpg' />
<a href='' class='trash2'>
<i class='glyphicon glyphicon-trash'>
</i>
</a>
</div>
</td>
<td>
<input type='checkbox' checked name='zippy.jpg' />
<b>
Copertina
</b>
</td>
</tr>

JΛ̊KE

vito

Re: select the right image

9 months ago

ok I try to implements your solution. Thanks Jake

jakecigar

Re: select the right image

9 months ago

demo https://jsfiddle.net/jakecigar/9t1c9qbg/ <--

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

select the right image

Replies(7)

Re: select the right image

Re: select the right image

Re: select the right image

Re: select the right image

Re: select the right image

Re: select the right image

Re: select the right image

Statistics

Tags

Actions

Related Posts