单个按钮可根据复选框打开多个链接

时间:2018-08-24 10:24:49

标签: javascript jquery html5

我有一个带有5个复选框和一个公共提交按钮的表。当我检查特定的行并单击按钮时,它必须打开特定的链接,同样指向不同行的链接也不同。因此,请提前使用JS帮助我。

1 个答案:

答案 0 :(得分:0)

我改编了一个旧的例子。你是说类似的东西?

$("document").ready(function(){
$('#myId').click(function(){
    var files = new Array();

    //xzyId is table id.
    $('#xzyId tbody tr  input:checkbox').each(function() {
      if ($(this).is(':checked')) {
      alert(this.value);
//open a particular link here
      }
    });     
 });
})

演示:jsfiddle1

如果要尝试打开多个页面,浏览器将阻止打开多个页面。您可以通过启用弹出窗口来解锁: chrome:https://support.google.com/chrome/answer/95472?co=GENIE.Platform%3DDesktop&hl=en

具有链接的演示:jsfiddle2

编辑:新问题

在html中使用“对象”插入多个值:

value='{"one":"https://www.google.it/search?q=link1","two":"https://www.google.it/search?q=link2"}'

组合:

  

复选框1 +按钮1->链接1

     

复选框1 +按钮2->链接2

演示:jsfiddle3