Question

jquery实现全选以及取消全选功能无效

jQuery代码
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function allChecked() {
var uindscbs = $("input[name='uidscb']");
for(var i=0; i<uidscbs.length; i++) {
uidscbs.attr("checked", true);
}
}

function allCancelChecked() {
var uindscbs = $("input[name='uidscb']");
for(var i=0; i<uidscbs.length; i++) {
uidscbs.attr("checked", false);
}
}
</script>

列表中代码：

<th>
<a href="javascript:void(0)" onclick="javascript:allChecked();">全选</a>
<a href="javascript:void(0)" onclick="javascript:allCancelChecked();">取消</a>
</th>

<td><input type="checkbox" name="uidscb"/></td>
加载页面但是无法实现全选以及取消全选功能功能
使用alert(uindscbs.length);可以输出当前页面数据的个数

Answer 1

function allChecked() {
var uindscbs = $("input[name='uidscb']");

uindscbs.each(function(){
$(this).prop("checked", true);

})
}

function allCancelChecked() {
var uindscbs = $("input[name='uidscb']");
uindscbs.each(function(){
$(this).removeAttr("checked");

})
}
// 代码不是很整齐 凑合看吧 测试通过了。