使用js如何實現全選與全不選
更新時間：2013年12月30日 15:37:02 作者：
全選與全不選在管理界面還是比較實用的，下面通過checkAll與clearAll兩個函數來輕松實現，感興趣的朋友不要錯過
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"/>
復制代碼 代碼如下:
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"/>
相關文章
這篇文章主要介紹了JavaScript實現數字前補“0”的五種方法,結合具體實例形式分析了javascript數字前補0的相關操作技巧,涉及javascript字符串遍歷、迭代、截取、構造等操作,需要的朋友可以參考下2019-01-01
這篇文章主要介紹了使用javascript實現類似超鏈接的效果的特效，通過示例熟悉javascript事件，這里推薦給大家。2014-12-12
這篇文章主要介紹了JS實現的添加彈出層并完成鎖屏操作,涉及JS針對頁面元素與樣式動態(tài)操作相關技巧,需要的朋友可以參考下2017-04-04
本篇文章主要是對javascript避免數字計算精度誤差的方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
本文將給大家詳細介紹一下iframe的基本介紹與使用,iframe（內嵌框架）是 HTML 中一種用于將一個網頁嵌入到另一個網頁中的標簽,它可以在一個頁面中顯示來自其他頁面的內容,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了JS 根據子網掩碼，網關計算出所有IP地址范圍,涉及IP地址、子網的正則驗證,子網掩碼計算等相關操作技巧,需要的朋友可以參考下2016-09-09
JavaScript將DOM事件處理程序封裝為event.js 出現的低級錯誤問題
這篇文章主要介紹了JavaScript將DOM事件處理程序封裝為event.js 出現的低級錯誤問題做個筆錄，以防出現類似錯誤,需要的朋友可以參考下2016-08-08
這篇文章主要為大家詳細介紹了JavaScript實現輪播圖特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下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