使用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"/>