当复选框选中了如何单击不同div处的标签时?

时间:2019-02-25 02:30:28

标签: javascript html

选中此复选框

我想按顺序触发在同一tr标签中是下载功能的标签的点击 通过单击[下载开始]按钮。

它们位于不同的<< td >>标签中,并且在同一<< tr >>标签中

我如何按顺序触发点击?

我是否需要使用for语句按复选框依次单击不同div中的元素?

<tr>
  <td id="10Mb.dat"><input type="checkbox" data-url="https://eoimages.gsfc.nasa.gov/images/imagerecords/73000/73751/world.topo.bathy.200407.3x21600x10800.jpg" />File10MB
  </td>
  <td class="test"><a class="checkBtn checkBtn1" id="checkBtn1" onclick="download_file(event, '10Mb.dat')">download</a></td>
</tr>
<tr>
  <td id="100mb.bin"><input type="checkbox" data-url="http://speedtest-ny.turnkeyinternet.net/100mb.bin" />File100MB
  </td>
  <td class="test"><a class="checkBtn checkBtn2" id="checkBtn2" onclick="download_file(event, '100mb.bin')">download</a></td>
</tr>
 <button class="btn btn-primary compress">download start</button>

1 个答案:

答案 0 :(得分:1)

将CSS类提供给您的复选框。

$('.checkboxclass').click(function(){
    $(this).closest('td').parents('tr').find('.checkBtn').click();
}

要使用该按钮进行检查,请遍历表中选中的复选框,

$("table.test 
input:checkbox:checked").parents('tr').find("input[name$='.checkBtn']")
.each(function(){
   download(link); //write the code to download file
}