亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

js采用map取到id集合組并且實現點擊一行選中一行

2019-11-20 21:27:05
字體:
來源:轉載
供稿:網友
復制代碼 代碼如下:

<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
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()
{
/** Map 大小 **/
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 --;
}
}

/** 是否包含 Key **/
this.containsKey = function ( key )
{
return (key in entry);
}

/** 是否包含 Value **/
this.containsValue = function ( value )
{
for(var prop in entry)
{
if(entry[prop] == value)
{
return true;
}
}
return false;
}

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

/** 所有 Key **/
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"));
*/

/** 同時也可以把對象作為 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]);
}
*/
/** 把對象做為Key時 ,自動調用了該對象的 toString() 方法 其實最終還是以String對象為Key**/

/** 如果是自定義對象 那自己得重寫 toString() 方法 否則 . 就是下面的結果 **/

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

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

this.toString = function ()
{
return this.name;
}
}
**/
// var object1 = new MyObject("小張");
// var object2 = new MyObject("小名");
//
// map.put(object1,"小張");
// map.put(object2,"小名");
// alert(map.get(object1));
// alert(map.get(object2));
// alert(map.size());
//
/** 運行結果 小名 小名 size = 1 **/

/** 如果改成復寫toString()方法的對象 , 效果就完全不一樣了 **/
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产精品无码专区在线观看| 久久777国产线看观看精品| 色综合久久88色综合天天看泰| 亚洲日本中文字幕免费在线不卡| 中文字幕亚洲无线码a| 国产美女精品视频| 欧美亚洲在线播放| 清纯唯美日韩制服另类| 国产一区二区色| 久久精品男人天堂| 亚洲iv一区二区三区| 精品一区二区电影| 欧美成人国产va精品日本一级| 川上优av一区二区线观看| 欧美巨乳美女视频| 992tv在线成人免费观看| 亚洲另类xxxx| 国产色综合天天综合网| 欧美成人精品一区二区| 日韩视频免费在线| 日韩中文字幕网站| 欧美福利视频在线观看| 亚洲欧美综合另类中字| 亚洲人成网站在线播| 91免费电影网站| 久久国产精品电影| wwwwwwww亚洲| 欧美激情视频给我| 欧美激情高清视频| 92国产精品久久久久首页| 78m国产成人精品视频| 亚洲成人黄色在线| 国产欧美一区二区白浆黑人| 精品一区精品二区| 激情av一区二区| 中文字幕亚洲综合| 国产精品久久久久久亚洲影视| 日韩欧美国产一区二区| 日韩在线视频国产| 日韩电影免费在线观看中文字幕| 亚洲欧美日韩国产中文| 国产精品一区二区三区成人| 欧美性猛xxx| 精品中文字幕在线2019| 国产精品视频一区二区高潮| 亚洲国产古装精品网站| 精品国产一区久久久| 91av网站在线播放| 日韩国产精品亚洲а∨天堂免| 国产精品美女www| 欧美成人网在线| 91在线精品播放| 色视频www在线播放国产成人| 国产精品福利网站| 欧美成人免费观看| 国产亚洲视频在线观看| 国产成人精品a视频一区www| 成人免费观看网址| 91丝袜美腿美女视频网站| 精品亚洲一区二区三区四区五区| 成人黄色中文字幕| 久久精品久久久久久| 国产日韩欧美中文在线播放| 一区二区三区精品99久久| 一个人看的www欧美| 日韩精品福利网站| 久久天天躁狠狠躁老女人| 欧洲亚洲免费视频| 岛国av一区二区在线在线观看| 欧美国产日韩一区| 亚洲无限乱码一二三四麻| 亚洲欧美日韩精品久久亚洲区| 这里精品视频免费| 精品亚洲一区二区三区在线播放| 欧美激情在线播放| 亚洲成人av中文字幕| 这里只有精品在线观看| 91中文精品字幕在线视频| 黑人狂躁日本妞一区二区三区| 欧美视频精品一区| 日韩在线观看免费全集电视剧网站| 91精品视频一区| 亚洲精品之草原avav久久| 国产精品女视频| 日韩大胆人体377p| 国产精品第8页| 97香蕉超级碰碰久久免费软件| 国产一区二区美女视频| 亚洲精品乱码久久久久久按摩观| 日韩精品免费在线播放| 91九色在线视频| 亚洲黄色片网站| 青青久久av北条麻妃黑人| 亚洲精品久久在线| 中文字幕日韩电影| 亚洲综合日韩在线| 欧洲成人午夜免费大片| 91丨九色丨国产在线| 国产精品一区二区三区久久| 亚洲一区二区在线播放| 亚洲免费av电影| 亚洲裸体xxxx| 91夜夜揉人人捏人人添红杏| y97精品国产97久久久久久| 一区二区三区视频观看| 欧美大尺度激情区在线播放| 91免费综合在线| 日韩精品免费在线视频| 精品久久久久久中文字幕大豆网| 91精品国产网站| 伊人青青综合网站| 亚洲欧洲日韩国产| 黑人巨大精品欧美一区免费视频| 欧美自拍视频在线| 精品成人乱色一区二区| 国产一区二区免费| 在线精品视频视频中文字幕| 青草青草久热精品视频在线观看| 欧美精品成人在线| 2019国产精品自在线拍国产不卡| 欧美第一淫aaasss性| 色樱桃影院亚洲精品影院| 91久久久国产精品| 成人日韩av在线| 尤物精品国产第一福利三区| 亚洲午夜性刺激影院| 色偷偷888欧美精品久久久| 日韩网站免费观看| 亚洲综合中文字幕在线| 91亚洲国产精品| 国产成人精品视频在线观看| 日韩一级黄色av| 96pao国产成视频永久免费| 国产精品视频播放| 色爱av美腿丝袜综合粉嫩av| 久久99精品久久久久久琪琪| 亚洲国产精品小视频| 黑人巨大精品欧美一区二区三区| 欧美精品久久久久久久久久| 亚洲欧美国产精品久久久久久久| 日韩亚洲精品电影| 亚洲欧美日韩天堂一区二区| 日韩欧美中文在线| 日韩动漫免费观看电视剧高清| 久久夜色精品亚洲噜噜国产mv| 亚洲国产小视频在线观看| 91精品视频在线免费观看| 伊人亚洲福利一区二区三区| 在线观看久久久久久| 亚洲福利精品在线| 国产精品久久一区主播| 久久在线精品视频| 九九精品在线播放| 亚洲国产一区二区三区在线观看| 91精品国产91久久久久久不卡| 欧美专区在线视频| 欧美激情乱人伦一区| 日韩中文有码在线视频| 久久久欧美一区二区| 日韩欧美在线视频| 欧美国产日韩免费| 久久伊人91精品综合网站| 中文字幕精品www乱入免费视频| 亚洲欧美日韩区|