Make an image, which is previously hidden by CSS, visible based on the radio button selected using Javascript

Course Queries Syllabus Queries 2 years ago

0 1 0 0 0 tuteeHUB earn credit +10 pts

5 Star Rating 1 Rating

Posted on 16 Aug 2022, this text provides information on Syllabus Queries related to Course Queries. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

tuteehub_quiz

Answers (1)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years ago


There are 25 rows in a table. Each row has an attribute, an image(tick symbol) and 5 radio buttons rating the said attribute from 1-5. when one of the buttons is clicked, I want the image(tick symbol) which is previously hidden by css to be made visible.

The html is

          idth">width="15px"> id="1ai" src="../PNG Files/Untitled-3.gif" />
                     style="text-align: left" >Course Structure and it's revelence
                     idth">width="6%"> type="radio" name="1a" value="5" id="1a1" />
                     idth">width="6%"> type="radio" name="1a" value="4" id="1a2" />
                     idth">width="6%"> type="radio" name="1a" value="3" id="1a3" />
                     idth">width="6%"> type="radio" name="1a" value="2" id="1a4" />
                     idth">width="6%"> type="radio" name="1a" value="1" id="1a5" />
                 bgcolor="#FCFFE8">
                     idth">width="15px"> id="2ai" src="../PNG Files/Untitled-3.gif" />
                     style="text-align: left" >Syllabus and it's coverage
                     idth">width="6%"> type="radio" name="2a" value="5" id="2a1" />
                     idth">width="6%"> type="radio" name="2a" value="4" id="2a2" />
                     idth">width="6%"> type="radio" name="2a" value="3" id="2a3" />
                     idth">width="6%"> type="radio" name="2a" value="2" id="2a4" />
                     idth">width="6%"> type="radio" name="2a" value="1" 
                                                
                                                
0 views
0 shares

No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.