使用js如何實現(xiàn)全選與全不選
更新時間：2013年12月30日 15:37:02 作者：
全選與全不選在管理界面還是比較實用的，下面通過checkAll與clearAll兩個函數(shù)來輕松實現(xiàn)，感興趣的朋友不要錯過
js:
function checkAll(name) {
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++){
if((el[i].type=="checkbox") && (el[i].name==name)){
el[i].checked = true;
}
}
}
function clearAll(name) {
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++){
if((el[i].type=="checkbox") && (el[i].name==name)){
el[i].checked = false;
}
}
}
html:
全選<input type="checkbox" id="qx" onClick="if(this.checked==true) { checkAll('productId'); } else { clearAll('productId'); }" id="qx"/>
復(fù)制代碼 代碼如下:
function checkAll(name) {
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++){
if((el[i].type=="checkbox") && (el[i].name==name)){
el[i].checked = true;
}
}
}
function clearAll(name) {
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++){
if((el[i].type=="checkbox") && (el[i].name==name)){
el[i].checked = false;
}
}
}
html:
復(fù)制代碼 代碼如下:
全選<input type="checkbox" id="qx" onClick="if(this.checked==true) { checkAll('productId'); } else { clearAll('productId'); }" id="qx"/>
相關(guān)文章
JavaScript實現(xiàn)數(shù)字前補“0”的五種方法示例
這篇文章主要介紹了JavaScript實現(xiàn)數(shù)字前補“0”的五種方法,結(jié)合具體實例形式分析了javascript數(shù)字前補0的相關(guān)操作技巧,涉及javascript字符串遍歷、迭代、截取、構(gòu)造等操作,需要的朋友可以參考下2019-01-01
這篇文章主要介紹了使用javascript實現(xiàn)類似超鏈接的效果的特效，通過示例熟悉javascript事件，這里推薦給大家。2014-12-12
這篇文章主要介紹了JS實現(xiàn)的添加彈出層并完成鎖屏操作,涉及JS針對頁面元素與樣式動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2017-04-04
javascript避免數(shù)字計算精度誤差的方法詳解
本篇文章主要是對javascript避免數(shù)字計算精度誤差的方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
本文將給大家詳細介紹一下iframe的基本介紹與使用,iframe（內(nèi)嵌框架）是 HTML 中一種用于將一個網(wǎng)頁嵌入到另一個網(wǎng)頁中的標簽,它可以在一個頁面中顯示來自其他頁面的內(nèi)容,需要的朋友可以參考下2024-02-02
JS 根據(jù)子網(wǎng)掩碼，網(wǎng)關(guān)計算出所有IP地址范圍示例
這篇文章主要介紹了JS 根據(jù)子網(wǎng)掩碼，網(wǎng)關(guān)計算出所有IP地址范圍,涉及IP地址、子網(wǎng)的正則驗證,子網(wǎng)掩碼計算等相關(guān)操作技巧,需要的朋友可以參考下2016-09-09
JavaScript將DOM事件處理程序封裝為event.js 出現(xiàn)的低級錯誤問題
這篇文章主要介紹了JavaScript將DOM事件處理程序封裝為event.js 出現(xiàn)的低級錯誤問題做個筆錄，以防出現(xiàn)類似錯誤,需要的朋友可以參考下2016-08-08
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)輪播圖特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-04-04
這篇文章主要介紹了微信小程序收貨地址API兼容低版本解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
es6 for循環(huán)中l(wèi)et和var區(qū)別詳解
這篇文章主要介紹了es6 for循環(huán)中l(wèi)et和var區(qū)別詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-01-01