基本的Chrome扩展程序破坏站点HTML

Question

对不起，标题相对较宽...所以我有一个非常漂亮的chrome扩展程序，带有Popup（html \ js）和一个内容页面。

基本上，所有扩展名都将在弹出页面上放置一个按钮，单击该按钮会将消息发送到内容脚本，以检查页面上的所有复选框。该代码非常基本，但是它破坏了下拉菜单和常规格式等内容。

这是我所有的代码，就像我说的不多。有什么想法怎么回事吗？

Content.js

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
      if( request.message === "toggle_checkboxes" ) {         
        $(':checkbox').each(function() {
          if(this.checked)
            this.checked = false;
          else
            this.checked = true;
        });        
      }                         
      else{
        //alert("nothing caught, here is the message:" + request.messgae);
      }
    }
  );

popup.js

function toggle_checkboxes() {    
    chrome.tabs.query({currentWindow: true, active: true}, function (tabs){
    var activeTab = tabs[0];
    chrome.tabs.sendMessage(activeTab.id, {"message": "toggle_checkboxes"});
 });
}

document.getElementById('toggle_checkboxes').addEventListener('click', toggle_checkboxes);