使用Google翻译复选框翻译网页

时间:2020-07-16 15:47:41

标签: javascript jquery google-translate

我有一个JSP页面,我想使用Google翻译在复选框上将该页面翻译成西班牙语。

function googleTranslateElementInit() {
      new google.translate.TranslateElement({pageLanguage: "en", includedLanguages: "es", defaultLanguage: "es"}, 'google_translate_element');
}


      var lang="";
                  
      $('#spanish').on('change', function(){
           if($(this).prop("checked") == true) {              
              lang="es";
              changeLanguage(lang);       
           }
           else if($(this).prop("checked") == false){
               lang="en";
               changeLanguage(lang);
           }                                                
           
        });
function changeLanguage(lang){
      var language = lang;
      var selectField = document.querySelector("#google_translate_element select");
       for(var i=0; i < selectField.children.length; i++){
         var option = selectField.children[i];
         // find desired langauge and change the former language of the hidden selection-field 
         if(option.value==language){
            selectField.selectedIndex = i;
            // trigger change event afterwards to make google-lib translate this side
            console.log("Language changed to "+lang);
            selectField.dispatchEvent(new Event('change'));
            break;
         }
       }          
  }

当我选中复选框时,它确实翻译了我的网页,但是当取消选中它时,它应该翻译回英文,但不是。我做错了什么?任何想法都会有所帮助。

0 个答案:

没有答案