倪彼情感

全部频道

您的当前位置：首页用JQuery实现全选与取消的两种简单方法_jquery

用JQuery实现全选与取消的两种简单方法_jquery

来源：倪彼情感


用JQUERY实现全选和取消全选,没有js那么繁琐，而且支持更多浏览器。
代码如下:

$(function() {
$("#checkall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", true);
});
});
$("#delcheckall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", false);
});
});
});
// -->

value1
value2
value3




更加简单的一种:
代码如下:
$("#checkall").click(
function(){
if(this.checked){
$("input[name='checkname']").attr('checked', true)
}else{
$("input[name='checkname']").attr('checked', false)
}
}
);

显示全文