麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > 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()方法的對象 , 效果就完全不一樣了 **/
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 久久久国产精品网站 | 天天透天天狠天天爱综合97 | 国内xxxx乱子另类 | 欧美成人国产va精品日本一级 | free台湾极品性hd | 精品国产一区二区三区四 | 激情视频日韩 | 一区在线视频观看 | 国产精品视频一区二区三区四区五区 | 欧美亚洲一区二区三区四区 | 网站毛片| 在线成人www免费观看视频 | 91精品国产91久久久久久吃药 | 久色porn| 狠狠操操 | 成人免费一区二区三区在线观看 | 久久99久久98精品免观看软件 | 成人精品免费看 | 九九热精品免费视频 | 久久精品com | japanesexxxx24videofree| 日韩三区视频 | 成人mm视频在线观看 | 色妞欧美 | 国产91九色视频 | 九九热视频这里只有精品 | 国产成人自拍视频在线观看 | 国产精品中文在线 | 精品一区久久久 | 87成人免费看片 | 免费高潮在线国 | 亚洲极色| 羞羞视频免费视频欧美 | 激情小说图 | 国产成人精品日本亚洲语音 | 欧美日韩在线视频一区二区 | 国产91久久久久久 | 中文字幕在线播放不卡 | 中文字幕在线观看精品 | 国产午夜精品一区二区三区视频 | 国产亚洲精品久久久久5区 男人天堂免费 |