代码很简介,功能也很简单,但是却很实用,这里就不细说明了直接上代码WaDHTML5中文学习网 - HTML5先行者学习网
jQuery代码:WaDHTML5中文学习网 - HTML5先行者学习网
WaDHTML5中文学习网 - HTML5先行者学习网
function countNum(){ WaDHTML5中文学习网 - HTML5先行者学习网
//alert($('input[name=check]:checked').length); WaDHTML5中文学习网 - HTML5先行者学习网
var arrays = new Array(); WaDHTML5中文学习网 - HTML5先行者学习网
var items = document.getElementsByName("check"); WaDHTML5中文学习网 - HTML5先行者学习网
for(var i=0;i<items.length;i++){ WaDHTML5中文学习网 - HTML5先行者学习网
if(items[i].checked){ WaDHTML5中文学习网 - HTML5先行者学习网
arrays.push(items[i].value); WaDHTML5中文学习网 - HTML5先行者学习网
} WaDHTML5中文学习网 - HTML5先行者学习网
} WaDHTML5中文学习网 - HTML5先行者学习网
alert(arrays.length); WaDHTML5中文学习网 - HTML5先行者学习网
}WaDHTML5中文学习网 - HTML5先行者学习网
WaDHTML5中文学习网 - HTML5先行者学习网HTML代码:WaDHTML5中文学习网 - HTML5先行者学习网
WaDHTML5中文学习网 - HTML5先行者学习网
<input type="checkbox" value="1" name="check" checked/> WaDHTML5中文学习网 - HTML5先行者学习网
<input type="checkbox" value="2" name="check"/> WaDHTML5中文学习网 - HTML5先行者学习网
<input type="checkbox" value="3" name="check"/> WaDHTML5中文学习网 - HTML5先行者学习网
<input type="button" value="选中个数" id="btn" onclick="countNum();"> WaDHTML5中文学习网 - HTML5先行者学习网
WaDHTML5中文学习网 - HTML5先行者学习网项目中有相同需求的小伙伴可以参考下哈,有更好的方式也请联系我。WaDHTML5中文学习网 - HTML5先行者学习网