您现在的位置是：主页 > news > 最便宜的货源网站大全/什么是新媒体运营
最便宜的货源网站大全/什么是新媒体运营
admin2025/5/13 0:36:39【news】
简介最便宜的货源网站大全,什么是新媒体运营,腾讯企点多少钱一个,衢州网站建设需要多少费用在写单选框案例的时候，感觉Juquery有一个bug，且听我娓娓道来。 bug： $(#selectAll).click(function(){checkbox.attr(checked,true);}); 当我使用上面的代码时，第一个有效，但是第二次就失效了。这是为什么呢…
最便宜的货源网站大全,什么是新媒体运营,腾讯企点多少钱一个,衢州网站建设需要多少费用在写单选框案例的时候，感觉Juquery有一个bug，且听我娓娓道来。
bug： $(#selectAll).click(function(){checkbox.attr(checked,true);});
当我使用上面的代码时，第一个有效，但是第二次就失效了。这是为什么呢…
在写单选框案例的时候，感觉Juquery有一个bug，且听我娓娓道来。
bug：
$('#selectAll').click(function(){checkbox.attr('checked',true);});当我使用上面的代码时，第一个有效，但是第二次就失效了。这是为什么呢？查了百度，才知道是jquery版本的问题。
在jquery1.9以前，是可以使用checkbox.attr('checked',true);来修改是否选中单选框。
但是在jquery1.9以后，使用checkbox.attr('checked',true);只能修改一次，第二次就没有用了，需要改用checkbox.prop('checked',true/false);来修改是否选中单选框。
修改后的使用方法：
$('#selectAll').click(function(){checkbox.prop('checked',true);});还有，在一般用到js其值为boolean类型（例：checked,selected,readonly,disabled等）时,直接改用prop()方法，反之使用attr()方法。
全选/全不选/反选的案例：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>单选框实例</title><script src="jquery.js"></script>
</head>
<body><div id="checkbox"><input type="checkbox" name="" id="">php<input type="checkbox" name="" id="">java<input type="checkbox" name="" id="">ruby<input type="checkbox" name="" id="">python</div><input type="button" value="全选" id="selectAll"><input type="button" value="全不选" id="selectNone"><input type="button" value="反选" id="selectReverse">
</body>
<script>var checkbox = $('#checkbox>:checkbox');//全选$('#selectAll').click(function(){checkbox.prop('checked',true);});//全不选$('#selectNone').click(function(){checkbox.prop('checked',false);});//反选$('#selectReverse').click(function(){checkbox.each(function(){$(this).prop('checked',!$(this).prop('checked'));});});
</script>
</html>效果图：
/发稿网.png)
