Copy the code code as follows:
<tbody>
<tr>
<td>1</td>
<td>Real estate opening<br>Big discount</td>
<td>2011-11-11</td>
<td>SMS notification</td>
</tr>
<tr>
<td>2</td>
<td>Real estate opening<br>Big discount</td>
<td>2011-11-11</td>
<td>SMS notification</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="right" >
<table id="table1">
<caption>Detailed information list</caption>
<thead>
<tr>
<td> <input type="checkbox" name="checkbox" id="btn"/>Select all</td>
<td>SMS</td>
<td>Upload time</td>
<td>Remarks</td>
</tr>
</thead>
<tbody id="selectable">
<tr id="box1" >
<td id="45"> <input type="checkbox" name="box1" />1</td>
<td>Discovered during the meeting<br>that something was wrong</td>
<td>2011-01-30</td>
<td>五</td>
</tr>
<tr id="box2" ondragstart="test2()">
<td> <input type="checkbox" name="box2" />
2</td>
<td>Discovered during the meeting<br>that something was wrong</td>
<td>2011-01-30</td>
<td>五</td>
</tr>
<tr id="box3" ondragstart="test2()">
<td> <input type="checkbox" name="box3" />
3</td>
<td>Discovered during the meeting<br>that something was wrong</td>
<td>2011-01-30</td>
<td>五</td>
</tr>
<tr id="box4">
<td> <input type="checkbox" name="box4" />
4</td>
<td>Discovered during the meeting<br>that something was wrong</td>
<td>2011-01-30</td>
<td>五</td>
</tr>
<tr id="box5">
<td> <input type="checkbox" name="box5"/>
5</td>
<td>Discovered during the meeting<br>that something was wrong</td>
<td>2011-01-30</td>
<td>五</td>
</tr>
<tr id="box6" onclick="clickDrop()" >
<td> <input type="checkbox" name="box6" />
6</td>
<td>Discovered during the meeting<br>that something was wrong</td>
<td>2011-01-30</td>
<td>五</td>
</tr>
<tr id="box7">
<td> <input type="checkbox" name="box7" />
7</td>
<td>Discovered during the meeting<br>that something was wrong</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(){//Traverse 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>
Copy the code code as follows:
functionHashMap()
{
/**Map size**/
var size = 0;
/** Object **/
var entry = new Object();
/** live**/
this.put = function (key, value)
{
if(!this.containsKey(key))
{
size ++ ;
}
entry[key] = value;
}
/** Pick**/
this.get = function (key)
{
if( this.containsKey(key) )
{
return entry[key];
}
else
{
return null;
}
}
/** delete**/
this.remove = function (key)
{
if(delete entry[key])
{
size --;
}
}
/** Whether to include Key **/
this.containsKey = function (key)
{
return (key in entry);
}
/** Whether to include Value **/
this.containsValue = function ( value )
{
for(var prop in entry)
{
if(entry[prop] == value)
{
return true;
}
}
return false;
}
/** All Values **/
this.values = function ()
{
var values = new Array(size);
for(var prop in entry)
{
values.push(entry[prop]);
}
return values;
}
/** All Keys **/
this.keys = function ()
{
var keys = new Array(size);
for(var prop in entry)
{
keys.push(prop);
}
return keys;
}
/** Map Size **/
this.size = function ()
{
return size;
}
}
// var map = new HashMap();
/*
map.put("A","1");
map.put("B","2");
map.put("A","5");
map.put("C","3");
map.put("A","4");
*/
/*
alert(map.containsKey("XX"));
alert(map.size());
alert(map.get("A"));
alert(map.get("XX"));
map.remove("A");
alert(map.size());
alert(map.get("A"));
*/
/** You can also use the object as a Key **/
/*
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]);
}
*/
/** When an object is used as a Key, the toString() method of the object is automatically called. In fact, the String object is ultimately used as the Key**/
/** If it is a custom object, you have to override the toString() method. Otherwise, the result is as follows**/
// function MyObject(name)
// {
// this.name = name;
// }
/**
function MyObject(name)
{
this.name = name;
this.toString = function ()
{
return this.name;
}
}
**/
// var object1 = new MyObject("Xiao Zhang");
// var object2 = new MyObject("nickname");
//
// map.put(object1,"Xiao Zhang");
// map.put(object2,"nickname");
// alert(map.get(object1));
// alert(map.get(object2));
// alert(map.size());
//
/** Running result nickname nickname size = 1 **/
/** If you change it to an object that overrides the toString() method, the effect will be completely different**/