js采用map取到id集合组并且实现点击一行选中一行
2024-05-06 14:31:45
供稿:网友
代码如下:
<tbody >
<tr >
<td >1</td>
<td>楼盘开业<br>折扣大大</td>
<td>2011-11-11</td>
<td>短信通知</td>
</tr>
<tr >
<td>2</td>
<td>楼盘开业<br>折扣大大</td>
<td>2011-11-11</td>
<td>短信通知</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="span7" id="right" >
<table id="table1">
<caption>详细信息列表</caption>
<thead>
<tr>
<td> <input type="checkbox" name="checkbox" id="btn"/>全选</td>
<td>短信</td>
<td>上传时间</td>
<td>备注</td>
</tr>
</thead>
<tbody id="selectable">
<tr class="dragableBox" id="box1" >
<td id="45"> <input type="checkbox" name="box1" />1</td>
<td>开会发现<br>有错</td>
<td>2011-01-30</td>
<td>五</td>
</tr>
<tr class="dragableBox" id="box2" ondragstart="test2()">
<td> <input type="checkbox" name="box2" />
2</td>
<td>开会发现<br>有错</td>
<td>2011-01-30</td>
<td>五</td>
</tr>
<tr class="dragableBox" id="box3" ondragstart="test2()">
<td> <input type="checkbox" name="box3" />
3</td>
<td>开会发现<br>有错</td>
<td>2011-01-30</td>
<td>五</td>
</tr>
<tr class="dragableBox" id="box4">
<td> <input type="checkbox" name="box4" />
4</td>
<td>开会发现<br>有错</td>
<td>2011-01-30</td>
<td>五</td>
</tr>
<tr class="dragableBox" id="box5">
<td> <input type="checkbox" name="box5"/>
5</td>
<td>开会发现<br>有错</td>
<td>2011-01-30</td>
<td>五</td>
</tr>
<tr class="dragableBox" id="box6" onclick="clickDrop()" >
<td> <input type="checkbox" name="box6" />
6</td>
<td>开会发现<br>有错</td>
<td>2011-01-30</td>
<td>五</td>
</tr>
<tr class="dragableBox" id="box7">
<td> <input type="checkbox" name="box7" />
7</td>
<td>开会发现<br>有错</td>
<td>2011-01-30</td>
<td>五</td>
</tr>
</tbody>
</table>
<input type="button" value="test" onclick="test2();"/>
<script type="text/javascript">
var map = new HashMap();
$(function(){
$("#table1 tr ").click(function(e){
var trId=this.id;
$("input[type='checkbox']").each(function(){//遍历ID