jquery .attr('alt','logo').css('display','none')

by freedawirl

HTML

<table>
<tr>
<td>This is a bit answer</td>
<td>
      <label>
          <input checked="checked" data-StudentScore="ScoreBit" id="StudentScores_0__ScoreBit" type="radio" value="" />
          Not answered
      </label>
      <label>
          <input data-StudentScore="ScoreBit" id="StudentScores_0__ScoreBit" type="radio" value="False" />
          False
      </label>
      <label>
          <input data-StudentScore="ScoreBit" id="StudentScores_0__ScoreBit" type="radio" value="True" />
          True
      </label>
</td>
<td class="met-image">
    <img class="Img-Met" style="visibility:visible" alt="Met" src="http://img2.cliparto.com/pic/s/219211/3751943-wide-variety-of-fruits-icons-sets-creative-icon.jpg" />
</td>
<td class ="not-met-image">
    <img class="Img-NotMet" style="visibility:hidden" alt="Not Met" src="http://www.kidssoup.com/images/themes/fruits-vegetables/c_fruitveggiecrown.jpg" />
</td>
</tr>
</table>

JavaScript

$("input[type=radio]").click(function () {
    $(this).closest('tr').find("td.met-image").find('img[alt="Met"]').css('visibility','hidden');
    $(this).closest('tr').find("td.not-met-image").find('img[alt="Not Met"]').css('visibility','visible');
 });