DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
JavaScript綜合知識
>> js字符串去重復id的實現代碼
js字符串去重復id的實現代碼
編輯:JavaScript綜合知識  
最近由於需要我們將相關id的重復的去掉,一個是客戶端一個後台程序把關,這裡分享下js的去重復id的實現代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js去重復id</title> </head> <body> <script type="text/javascript"> String.prototype.repeatOpt = function () { var str = this + "",objStr = ""; for (var i = 0; i < this.length; i++) { var s = str[i]; var newStr = str.replace(s, ''); var j = newStr.indexOf(s); if (j == -1) { objStr += s+","; } } return objStr; } alert("1,2,2,3,4,4,5,6".repeatOpt()); </script> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
我經常用的代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js去除重復id</title> <script type="text/javascript"> function $Obj(objname){ return document.getElementById(objname); } //供使用者調用 function trim(s){ return trimRight(trimLeft(s)); } //去掉左邊的空白 function trimLeft(s){ if(s == null) { return ""; } var whitespace = new String(" tnr"); var str = new String(s); if (whitespace.indexOf(str.charAt(0)) != -1) { var j=0, i = str.length; while (j < i && whitespace.indexOf(str.charAt(j)) != -1){ j++; } str = str.substring(j, i); } return str; } //去掉右邊的空白 function trimRight(s){ if(s == null) return ""; var whitespace = new String(" tnr"); var str = new String(s); if (whitespace.indexOf(str.charAt(str.length-1)) != -1){ var i = str.length - 1; while (i >= 0 && whitespace.indexOf(str.charAt(i)) != -1){ i--; } str = str.substring(0, i+1); } return str; } function doxgid() { document.form1.likeid.value = trim(document.form1.likeid.value.replace(new RegExp(',',"gm"),',')); document.form1.likeid.value = trim(document.form1.likeid.value.replace(new RegExp(' ',"gm"),',')); xgidcheck(); } function xgidcheck(){ if(document.form1.likeid.value!=""){ var arr1 = unique(document.form1.likeid.value.split(",")); document.form1.likeid.value=arr1.join(","); } } //去重復數組 function unique(data){ data = data || []; var a = {}; len = data.length; for (var i=0; i<len;i++){ var v = data[i]; if (typeof(a[v]) == 'undefined'){ a[v] = 1; } }; data.length=0; for (var i in a){ data[data.length] = i; } return data; } //專題增強 function doxgid2(theitem) { var theform=$Obj(theitem); theform.value = trim(theform.value.replace(new RegExp(',',"gm"),',')); theform.value = trim(theform.value.replace(new RegExp(' ',"gm"),',')); xgidcheck2(theform); } function xgidcheck2(theform){ if(theform.value!=""){ var arr1 = unique(theform.value.split(",")); theform.value=arr1.join(","); } } </script> </head> <body> <form name="form1"> 實例一: 單獨的一個表單驗證 <input name="likeid" type="text" id="likeid" size="60" onBlur="doxgid()" value="1,2,3,4,5,6,4,5,6"> 實例二:多個表單驗證 <textarea name="jb51id" rows="3" id="jb51id" style="width:90%" onBlur="doxgid2('jb51id')">1,2,3,4,5,6,4,5,6</textarea> 先將鼠標定位在表單裡面,然後離開就可以觸發了。 onBlur </form> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
上一頁:
jQuery實現鼠標滑過遮罩並高亮顯示效果
下一頁:
js檢查頁面上有無重復id的實現代碼
JavaScript綜合知識
Javascript正則表達式測試網頁
一、說明: 1. 我的本意為交流技術.本人水平很菜.因此所貼出的代碼中,會有不
javascript中CheckBox全選終極方案
在javascript頁面中實現CheckBox或者Radio的選中狀態是一件很容易
Javascript中setTimeOut和setInterval的定時器用法
Javascript的setTimeOut和setInterval函數應用非常廣泛,它們
相關文章
css字體斜體_CSS設置字體斜體
css縮進2字符 (CSS縮進空格兩個漢字位置)
js根據地理坐標確定地圖中心位置
使用js和jquery獲取url及url參數的方法
使用js實現極速選擇輸入城市名
JS鼠標懸浮圖片左右箭頭點擊訪問上下頁
js動態改變字體大小實例
js獲取和設置元素屬性值
js字符串轉數組
javascript 隨機字符串
JavaScript基礎知識
JSON基礎
正則表達式
關於JavaScript
JavaScript技巧
jQuery入門知識
AJAX入門
JavaScript綜合知識
小編推薦
js保留小數點後幾位的寫法
js實現鼠標感應圖片展示的方法
JS 實現列表與多選框選擇附預覽動畫
JS實現向表格中動態添加行的方法
介紹一個簡單的JavaScript類框架
解析javascript系統錯誤:-1072896658的解決辦法
ajax+jQuery實現級聯顯示地址的方法
jquery插件jTimer(jquery定時器)使用方法
jquery實現隱藏與顯示動畫效果/輸入框字符動態遞減/導航按鈕切換
JS通過正則表達式刪除空行的方法
熱門推薦
javascript實現表格增刪改操作實例詳解
js禁止回車提交表單的示例代碼
jquery將一個表單序列化為一個對象的方法
javascript實現點擊後變換按鈕顯示文字的方法
select option總結
JavaScript中substring()方法的使用
JS教程:window.location用法區別
JS判斷浏覽器是否支持某一個CSS3屬性的方法
jQuery制作簡潔的圖片輪播效果
大家都在看
js替換字符串的所有示例代碼
用html的ul和li標簽做圖片展示功能示例代碼
用html5實現的簡單幻燈片實例
jQuery下擴展插件和拓展函數的寫法(匿名函數使用的典型例子)
Jquery 動態生成表格示例代碼
javascript從image轉換為base64位編碼的String
html5如何使用木疙瘩平台命名幀的說明
jquery(live)中File input的change方法只起一次作用的解決辦法
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved