I have a script that successfully hides the Next button when a choice is made from a radio button field. The problem is the script can only handle one choice from the radio button field. Button 1 = Red
Button 2 = Blue
Button 3 = Black
etc The script is set to 'Red' (var showVal = 'Red';). But I want the script to hide the Next button if 'Red' or 'Blue' is selected. The following script only allows one variable (var showVal = 'Red';). I have tried the command: var showVal = 'Red' OR 'Blue'. But this is not accepted (even when enclosed in brackets). <script>
jQuery(document).ready(function($){
var fieldID = 18;
var showVal = 'Red';
var $nextButton = $(".frm_button_submit"); //Hide next button by default if Red is not already checked
if (($("input[name^='item_meta[" + fieldID + "]']:checked").val() != showVal) && ($("input[type=hidden][name^='item_meta[" + fieldID + "]']").val() != showVal)) {
$nextButton.css('visibility','hidden');
} $("input[name^='item_meta[" + fieldID + "]']").change(function(){
if ($("input[name^='item_meta[" + fieldID + "]']:checked").val() == showVal){
$nextButton.css('visibility','visible');
} else {
$nextButton.css('visibility','hidden');
}
});
});
</script>