如果选中复选框，则在不同的选项卡中显示结果

Question

我有一个表单，其结果（链接列表）显示在表单正下方的表格中。但是，我想添加一个功能，如果选中该复选框，那么结果中的所有链接都应该在不同的选项卡上打开。下面是我的代码：<div class="card" id="emulstatform">        <div class="card-header">          <div class="card-title">            <div style="font-size: 25px"Filter</div>          </div>        </div>        <br>      <div class="card-body">        <div class="row">              <div class="col-xs-6">                    <label name="start_date" class="control-label" style="width:35%;padding-left:15px">Start date</label>                    <input type="date" id="start_date" style="color:black;width:100px" ></input>                </div>          <div class="col-xs-6">              <label name="end_date" class="control-label" style="width:35%">End Date(Default: Current Date)</label>              <input style="color:black;width:100px" id="end_date" type="date"></input>          </div>         </div>        <br>        <div class="row">          <div class="col-xs-6">             <label name="fruit_name" class="control-label"  style="width:35%; padding-left:15px">Select a fruit</label>              <select class="js-example-placeholder-single1 js-example-basic-multiple form-control" id="fruit_name" placeholder="Select" style="width:210px" multiple="multiple">               </select>          </div>          <div class="col-xs-6">              <label name="fruit_test" class="control-label" style="width:35%">Select fruit_TEST</label>              <select class="js-example-placeholder-single2 js-example-basic-multiple form-control" style="width:210px" id="fruit_test" multiple="multiple">              </select>                       </div>         </div>        <div class="row">          <div class="col-xs-6">             <label name="fruit_version" class="control-label" style="width:35%; padding-left:15px">Select fruit message</label>              </select>          </div>      </div>    </div>每个链接的 url 格式为fruitdata/?id=1000，其中 id 是为不同水果更改的唯一参数。如何实现在不同页面上打开这些链接的功能？

Answer 1

如果我正确理解了您的问题，您需要以下内容才能打开新标签：

<button onclick="myFunc()">open google in new tab</button>

<script>

    function myFunc() {

        window.open("https://www.google.com");

    }

</script>

要打开多个标签，您可以使用此代码，但如果最终用户正在运行弹出窗口阻止软件（如 Chrome 内置的软件），则它可能会自动阻止其他窗口/标签打开。

let urls = ["https://stackoverflow.com", "https://stackexchange.com/"];

for (var i = 0; i<2; i++){

  window.open(urls[i]); 

}

要了解您的复选框何时被选中，此代码可以提供帮助：

$("input[type=checkbox]").on('change',function(){

    if($("input[type=checkbox]").is(':checked'))

        alert("checked");  

    else{

        alert("unchecked");  

    }

 }

我希望这段代码对你有所帮助。