다음과 같이 코드 코드를 복사합니다.
<본체>
<tr>
<td>1</td>
<td>부동산 개장<br>대폭 할인</td>
<td>2011-11-11</td>
<td>SMS 알림</td>
</tr>
<tr>
<td>2</td>
<td>부동산 개장<br>대폭 할인</td>
<td>2011-11-11</td>
<td>SMS 알림</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="오른쪽" >
<테이블 id="테이블1">
<caption>상세정보 목록</caption>
<머리>
<tr>
<td> <input type="checkbox" name="checkbox" id="btn"/>모두 선택</td>
<td>문자</td>
<td>업로드 시간</td>
<td>비고</td>
</tr>
</thead>
<tbody id="선택 가능">
<tr id="박스1" >
<td id="45"> <input type="checkbox" name="box1" />1</td>
<td>회의 중에<br>무언가 잘못되었음을 발견했습니다</td>
<td>2011-01-30</td>
<td>오</td>
</tr>
<tr id="box2" ondragstart="test2()">
<td> <input type="checkbox" name="box2" />
2</td>
<td>회의 중에<br>무언가 잘못되었음을 발견했습니다</td>
<td>2011-01-30</td>
<td>오</td>
</tr>
<tr id="box3" ondragstart="test2()">
<td> <input type="checkbox" name="box3" />
3</td>
<td>회의 중에<br>무언가 잘못되었음을 발견했습니다</td>
<td>2011-01-30</td>
<td>오</td>
</tr>
<tr id="박스4">
<td> <input type="checkbox" name="box4" />
4</td>
<td>회의 중에<br>무언가 잘못되었음을 발견했습니다</td>
<td>2011-01-30</td>
<td>오</td>
</tr>
<tr id="박스5">
<td> <input type="checkbox" name="box5"/>
5</td>
<td>회의 중에<br>무언가 잘못되었음을 발견했습니다</td>
<td>2011-01-30</td>
<td>오</td>
</tr>
<tr id="box6" onclick="clickDrop()" >
<td> <input type="checkbox" name="box6" />
6</td>
<td>회의 중에<br>무언가 잘못되었음을 발견했습니다</td>
<td>2011-01-30</td>
<td>오</td>
</tr>
<tr id="박스7">
<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();"/>
<스크립트 유형="텍스트/자바스크립트">
var map = new HashMap();
$(함수(){
$("#table1 tr ").click(함수(e){
var trId=this.id;
$("input[type='checkbox']").each(function(){//트래버스 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= "흰색";
}또 다른{
$(this).attr("checked",true);
map.put(this.name,trId);
var dd=document.getElementById(trId);
dd.style.BackgroundColor= " #FECA40";
}
}
});
});
});
</script>
다음과 같이 코드 코드를 복사합니다.
함수해시맵()
{
/**맵 크기**/
변수 크기 = 0;
/** 물체 **/
var 항목 = 새 개체();
/** 살다**/
this.put = 함수(키, 값)
{
if(!this.containsKey(key))
{
크기 ++ ;
}
항목[키] = 값;
}
/** 선택하다**/
this.get = 함수(키)
{
if( this.containsKey(key) )
{
항목 반환[키];
}
또 다른
{
null을 반환;
}
}
/** 삭제**/
this.remove = 기능(키)
{
if(항목[키] 삭제)
{
크기 --;
}
}
/** 키 포함 여부 **/
this.containsKey = 함수(키)
{
return(입력 키);
}
/** 값 포함 여부 **/
this.containsValue = 함수 (값)
{
for(항목의 var prop)
{
if(항목[prop] == 값)
{
사실을 반환;
}
}
거짓을 반환;
}
/** 모든 값 **/
this.values = 함수 ()
{
var 값 = new Array(크기);
for(항목의 var prop)
{
value.push(entry[prop]);
}
반환 값;
}
/** 모든 키 **/
this.keys = 함수()
{
var 키 = 새 배열(크기);
for(항목의 var prop)
{
키.푸시(prop);
}
반환 키;
}
/** 맵 크기 **/
this.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"));
경고(map.size());
Alert(map.get("A"));
Alert(map.get("XX"));
map.remove("A");
경고(map.size());
Alert(map.get("A"));
*/
/** 객체를 키로 사용할 수도 있습니다 **/
/*
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++)
{
//경고(값[i]);
}
*/
/** 객체가 Key로 사용되면 해당 객체의 toString() 메서드가 자동으로 호출됩니다. 실제로 String 객체가 Key로 사용됩니다**/
/** 사용자 정의 객체인 경우 toString() 메서드를 재정의해야 합니다. 그렇지 않으면 결과는 다음과 같습니다**/
// 함수 MyObject(이름)
// {
// this.name = 이름;
// }
/**
함수 MyObject(이름)
{
this.name = 이름;
this.toString = 함수()
{
this.name을 반환합니다.
}
}
**/
// var object1 = new MyObject("샤오 장");
// var object2 = new MyObject("닉네임");
//
// map.put(object1,"장샤오");
// map.put(object2,"별명");
// 경고(map.get(object1));
// 경고(map.get(object2));
// 경고(map.size());
//
/** 실행 결과 별명 별명 크기 = 1 **/
/** toString() 메서드를 재정의하는 객체로 변경하면 효과가 완전히 달라집니다**/