简单的方法做谷歌搜索输入文本和复选框

Easy way to do Google searches with input text and checkboxes?

本文关键字：输入 文本 复选框 搜索 谷歌 方法 简单      更新时间：2023-09-26

我正在寻找一种简单的方法来根据我输入的字符串进行多个Google搜索。然后，该字符串将与我选中的任何复选框一起被搜索。一个例子:

输入字段:

堆栈溢出

复选框:

[x]"CSS | HTML"

[] Javascript"

[x]"c++ c#"| |".Net"

点击链接/按钮进行搜索将运行这些单独的Google搜索查询(包括引号和竖条):

"堆栈Overflow"CSS | HTML"

"堆栈Overflow"c++ c#"| |".Net"

我可以在一页内完成吗?这似乎是一个简单的解决方案，但我不确定如何使它(只是假设HTML或Javascript在这里)。任何关于从哪里开始的指示都会很棒。

Google搜索将为每个选中的选项打开单独的窗口/选项卡。

有一个例子(类似于评论)fiddle example

html: 

<input type="text" id="src" value="" placeholder="For what You search?" />
<br>
    <input type="checkbox" id="o1"/><label for="o1">CSS/HTML<br>
    <input type="checkbox" id="o2"/><label for="o2">Javascript<br>
    <input type="checkbox" id="o3"/><label for="o2">C++/C#/.NET<br><br>
    <input type="button" value="Search" onclick="start();" />

js: 

    function start() {
    // every text must be encoded using encodeURIComponent
    //store search string into variable called src
    var src='https://www.google.com/search?q='"' + encodeURIComponent(document.getElementById('src').value)+''"+';
    // check 1st checkbox - if is checked add to src variable CSS|HTML
    if(document.getElementById('o1').checked) {
        var src1 = src + ''"'+ encodeURIComponent('CSS|HTML')+''"';
        window.open(src1,'_blank');
    }
    // check 2nd checkbox - if is checked add to src variable Javascript
    if(document.getElementById('o2').checked) {
        var src2 = src + ''"'+ encodeURIComponent('Javascript')+''"';
        window.open(src2,'_blank');
    }
    // check 3th checkbox - if is checked add to src variable "C++|C#" ".NET"
    if(document.getElementById('o3').checked) {
        var src3 = src + ''"'+ encodeURIComponent('C++|C#')+''"+'"'+encodeURIComponent('.NET')+''"';
        window.open(src3,'_blank');
    }
}
相关文章：