Question

我需要为弹出窗口实现一些jquery验证。用户首先选择下拉菜单然后选中单选按钮。只有在此之后才启用提交按钮。现在我需要为相反的方向实施相同的动作。用户首先检查无线电，然后选择下拉项。我已经为第一个场景开发了代码。如何修改此代码以适用于这两种方式？

   $(".dropdown-menu-popup").on('change', function (){ 
        $('.feedback-selector').on('click', function() { 
            var selected_value =  $( ".dropdown-menu-popup option:selected" ).val(); 
            if(selected_value.localeCompare("0")==0){
                $("#submit_feedback").css('background-color', '#ddd');
            }else if(selected_value.localeCompare("site_nav")==0 || selected_value.localeCompare("site_cont")==0 || selected_value.localeCompare("site_design")==0 || selected_value.localeCompare("other")==0 && $(".feedback-selector").is(':checked')){

            $("#submit_feedback").prop('disabled', false);
            $("#submit_feedback").css({
              'border' : 'none',
              'color' : '#fff !important',
              'background-color': '#f4901d',
              'cursor' : 'pointer'
            });
            }
         });
   });

Answer 1

Try this


 $(".dropdown-menu-popup, .feedback-selector").change(function (){ 
                    var selected_value =  $( ".dropdown-menu-popup option:selected" ).val(); 
                    if(selected_value.localeCompare("0")==0){
                        $("#submit_feedback").css('background-color', '#ddd');
                    }else if(selected_value.localeCompare("site_nav")==0 || selected_value.localeCompare("site_cont")==0 || selected_value.localeCompare("site_design")==0 || selected_value.localeCompare("other")==0 && $(".feedback-selector").is(':checked')){

                    $("#submit_feedback").prop('disabled', false);
                    $("#submit_feedback").css({
                      'border' : 'none',
                      'color' : '#fff !important',
                      'background-color': '#f4901d',
                      'cursor' : 'pointer'
                    });
                }
           });

下拉和单选按钮点击事件

1 个答案: