[alisoroush7]

Hi guys,

I am looking for a code to hide or unhide a radio button based on a dropdown values.
For example:
There are 2 radio button, radio1 and radio2.
There is a dropdown that is named type and has 2 values, "ok" or "not ok"
If "ok" from dropdown selected then radio1 appears and radio2 disappear and if "not ok" selected then radio2 appear and radio1 disappear.
What is the code in JavaScript?
Thanks for your consideration.

[kirkwg]

Hi,

Please test below is what you want:

Code: Select all

//== test select myDropdown to "ok" than disable/hide/show myRadio
$("#myDropdown").setOnchange(function(newVal, oldVal){     //put your id/var  to replace myDropdown
	if (newVal === "ok") {
      //$("#myRadio").getControl().attr("disabled", true);      //put your id/var to replace myRadio
      $("#myRadio").show();
    }else{
      //$("#myRadio").getControl().attr("disabled", false);
      $("#myRadio").hide();
    }
})

[Techzoan]

You can simply use the jQuery show() and hide() methods to show and hide the div elements based on the selection of radio buttons. The div boxes in the following example are hidden by default https://mycomputerwindows10.com/ using the CSS display property which the value is set to none.