function getByClass(clsName, parentId) {
var parent = parentId? document.getElementById(parentId):document;
var arr = parent.getElementsByTagName('*');
var list = [];
for(var i=0; i<arr.length; i++) {
if (arr[i].className == clsName) {
list.push(arr[i]);
}
}
return list;
}
var parent = parentId? document.getElementById(parentId):document;
var arr = parent.getElementsByTagName('*');
var list = [];
for(var i=0; i<arr.length; i++) {
if (arr[i].className == clsName) {
list.push(arr[i]);
}
}
return list;
}
2016-12-13
謝謝老師,講解的很細致,思路清晰。就是希望最后增加一節(jié)課程再優(yōu)化一下代碼,因為FOR循環(huán)太多,會不會影響運行效率,尤其如果是手機網(wǎng)站運行的話。能否用類似托管綁定事件的思路再做一節(jié)改進代碼的課程。
2016-11-27
// 每個選項的事件
for(var i=0;i<inputs.length;i++){
inputs[i].onclick=function(){
showToatal()
}
}
for(var i=0;i<inputs.length;i++){
inputs[i].onclick=function(){
showToatal()
}
}
// 全選事件
all.onclick=function(){
for(var i=0;i<inputs.length;i++){
inputs[i].checked=this.checked
}
showToatal()
}
all.onclick=function(){
for(var i=0;i<inputs.length;i++){
inputs[i].checked=this.checked
}
showToatal()
}
// 計算已選項的總數(shù)
function showToatal(){
var tot=0;
for(var i=0;i<inputs.length;i++){
if(inputs[i].checked){
tot++
}
}
total.innerHTML='已選:' + tot + ' 項'
}
function showToatal(){
var tot=0;
for(var i=0;i<inputs.length;i++){
if(inputs[i].checked){
tot++
}
}
total.innerHTML='已選:' + tot + ' 項'
}