想要实现全选以及取消全选功能,但是却无效?何解?

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);可以输出当前页面数据的个数

哈士奇WWW
浏览 313回答 1
1回答

一只名叫tom的猫

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");})}// 代码不是很整齐 凑合看吧 测试通过了。
打开App,查看更多内容
随时随地看视频慕课网APP