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

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>&nbsp; &nbsp; function myFunc() {&nbsp; &nbsp; &nbsp; &nbsp; window.open("https://www.google.com");&nbsp; &nbsp; }</script>要打开多个标签，您可以使用此代码，但如果最终用户正在运行弹出窗口阻止软件（如 Chrome 内置的软件），则它可能会自动阻止其他窗口/标签打开。let urls = ["https://stackoverflow.com", "https://stackexchange.com/"];for (var i = 0; i<2; i++){&nbsp; window.open(urls[i]);&nbsp;}要了解您的复选框何时被选中，此代码可以提供帮助：$("input[type=checkbox]").on('change',function(){&nbsp; &nbsp; if($("input[type=checkbox]").is(':checked'))&nbsp; &nbsp; &nbsp; &nbsp; alert("checked");&nbsp;&nbsp;&nbsp; &nbsp; else{&nbsp; &nbsp; &nbsp; &nbsp; alert("unchecked");&nbsp;&nbsp;&nbsp; &nbsp; }&nbsp;}我希望这段代码对你有所帮助。