Js USES map to fetch the id set group and implements clicking on a line to select a line

 
<tbody > 
<tr > 
<td >1</td> 
<td> Building opening <br> A discount greatly </td> 
<td>2011-11-11</td> 
<td> SMS notification </td> 
</tr> 
<tr > 
<td>2</td> 
<td> Building opening <br> A discount greatly </td> 
<td>2011-11-11</td> 
<td> SMS notification </td> 
</tr> 
</tbody> 
</table> 
</div> 
</div> 

<div class="span7" id="right" > 
<table id="table1"> 
<caption> List of details </caption> 
<thead> 
<tr> 
<td> <input type="checkbox" name="checkbox" id="btn"/> Future generations </td> 
<td> SMS </td> 
<td> Upload time </td> 
<td> note </td> 
</tr> 
</thead> 
<tbody id="selectable"> 
<tr class="dragableBox" id="box1" > 
<td id="45"> <input type="checkbox" name="box1" />1</td> 
<td> Find the meeting <br> There are wrong </td> 
<td>2011-01-30</td> 
<td> five </td> 
</tr> 

<tr class="dragableBox" id="box2" ondragstart="test2()"> 
<td> <input type="checkbox" name="box2" /> 
2</td> 
<td> Find the meeting <br> There are wrong </td> 
<td>2011-01-30</td> 
<td> five </td> 
</tr> 

<tr class="dragableBox" id="box3" ondragstart="test2()"> 
<td> <input type="checkbox" name="box3" /> 
3</td> 
<td> Find the meeting <br> There are wrong </td> 
<td>2011-01-30</td> 
<td> five </td> 
</tr> 

<tr class="dragableBox" id="box4"> 
<td> <input type="checkbox" name="box4" /> 
4</td> 
<td> Find the meeting <br> There are wrong </td> 
<td>2011-01-30</td> 
<td> five </td> 
</tr> 

<tr class="dragableBox" id="box5"> 
<td> <input type="checkbox" name="box5"/> 
5</td> 
<td> Find the meeting <br> There are wrong </td> 
<td>2011-01-30</td> 
<td> five </td> 
</tr> 

<tr class="dragableBox" id="box6" onclick="clickDrop()" > 
<td> <input type="checkbox" name="box6" /> 
6</td> 
<td> Find the meeting <br> There are wrong </td> 
<td>2011-01-30</td> 
<td> five </td> 
</tr> 

<tr class="dragableBox" id="box7"> 
<td> <input type="checkbox" name="box7" /> 
7</td> 
<td> Find the meeting <br> There are wrong </td> 
<td>2011-01-30</td> 
<td> five </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(){//Traverse the ID
if(this.name==trId){ 
if(this.checked==true){ 
$(this).attr("checked",false); 
map.remove(this.name); 
var dd=document.getElementById(trId); 
dd.style.backgroundColor= "white"; 
}else{ 
$(this).attr("checked",true); 
map.put(this.name,trId); 
var dd=document.getElementById(trId); 
dd.style.backgroundColor= " #FECA40"; 
} 

} 

}); 
}); 


}); 


</script> 

 
function HashMap() 
{ 
 
var size = 0; 
 
var entry = new Object(); 

 
this.put = function (key , value) 
{ 
if(!this.containsKey(key)) 
{ 
size ++ ; 
} 
entry[key] = value; 
} 

 
this.get = function (key) 
{ 
if( this.containsKey(key) ) 
{ 
return entry[key]; 
} 
else 
{ 
return null; 
} 
} 

 
this.remove = function ( key ) 
{ 
if( delete entry[key] ) 
{ 
size --; 
} 
} 

 
this.containsKey = function ( key ) 
{ 
return (key in entry); 
} 

 
this.containsValue = function ( value ) 
{ 
for(var prop in entry) 
{ 
if(entry[prop] == value) 
{ 
return true; 
} 
} 
return false; 
} 

 
this.values = function () 
{ 
var values = new Array(size); 
for(var prop in entry) 
{ 
values.push(entry[prop]); 
} 
return values; 
} 

 
this.keys = function () 
{ 
var keys = new Array(size); 
for(var prop in entry) 
{ 
keys.push(prop); 
} 
return keys; 
} 

 
this.size = function () 
{ 
return size; 
} 
} 

// var map = new HashMap(); 

 

 

 
/* 
var arrayKey = new Array("1","2","3","4"); 
var arrayValue = new Array("A","B","C","D"); 
map.put(arrayKey,arrayValue); 
var value = map.get(arrayKey); 
for(var i = 0 ; i < value.length ; i++) 
{ 
//alert(value[i]); 
} 
*/ 
 

 

// function MyObject(name) 
// { 
// this.name = name; 
// } 

 
//Var object1 = new MyObject(" object ");
//Var object2 = new MyObject;
// 
//Map. The put (object1, "zhang");
//Map. The put (object2, "nickname");
// alert(map.get(object1)); 
// alert(map.get(object2)); 
// alert(map.size()); 
//