How to Show and Hide div elements using radio buttons?

Today, We want to share with you onclick radio button show hide div javascript.In this post we will show you bootstrap radio button show/hide div, hear for How to show and hide div elements based on the selection of radio buttons in jQuery? we will give you demo and example for implement.In this post, we will learn about
onclick show hide div jquery demo with an example.

Show hide div on radio button

use the jQuery show() and hide() methods to show and hide the div elements based on the selection of radio buttons.

Example : index.html

    

         red
         green
         blue
    
    
You have selected red radio button Online My Web name Pakainfo
    
You have selected green radio button Online My Web name Pakainfo
    
You have selected blue radio button Online My Web name Pakainfo

onclick radio button show hide div javascript w3schools

hide div in javascript

function getPtestData() {
  var x = document.getElementById("myDIV");

    if (x.style.display 
=== "none") {
    x.style.display = "block";
  } else {
    x.style.display = 
  "none";
  }
} 

js hide element by id

var link = document.getElementById('link-question');
link.style.display = 'none'; //or
link.style.visibility = 'hidden';

I hope you get an idea about onclick radio button show hide div example.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.