Side navigation
#13833 closed bug (duplicate)
Opened April 28, 2013 07:57AM UTC
Closed April 28, 2013 04:27PM UTC
Last modified April 30, 2013 07:20AM UTC
:checkbox选择器的bug
| Reported by: | pvfhv@qq.com | Owned by: | |
|---|---|---|---|
| Priority: | undecided | Milestone: | None |
| Component: | unfiled | Version: | 1.9.1 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
页面代码：
<input type="checkbox" value="歌曲一" />歌曲一<input type="checkbox" value="歌曲二" />歌曲二<input type="checkbox" value="歌曲三" />歌曲三<input type="checkbox" value="歌曲四" />歌曲四<input type="checkbox" value="歌曲五" />歌曲五
<input type="button" value="全选" id="allit"/>
jQuery代码：
$(function () {
$('#allit').click(function () {
$('input').filter(':checkbox').each(function () {
$(this).attr('checked', !$(this).attr('checked'));
});
if ($(this).val() == '全选') {
$(this).val('全不选');
} else {
$(this).val('全选');
}
});
});
实现全选和全不选的功能，在实现第一次的“全选”和“全不选”后该功能失效，虽然checkbox上拥有checked="checked"属性，但页面上显示时不是勾选状态！！！望赐教和回复。
Attachments (0)
Change History (3)
Changed April 28, 2013 08:51AM UTC by comment:1
Changed April 28, 2013 04:27PM UTC by comment:2
| resolution: | → duplicate |
|---|---|
| status: | new → closed |
Duplicate of #13245.
Changed April 30, 2013 07:20AM UTC by comment:3
使用jsFiddle测试仍然存在bug，在ie10及chrome v26上测试出现只能实现一次全选和全不选的功能,在ie8及以下版本则没有这个问题。同样的代码如果换成jQuery1.7，ie10及chrome v26则没有任何问题。[[Image(http://img.blog.csdn.net/20130430151237987)]]
页面body中代码：<input type="checkbox" value="歌曲一" />歌曲一<input type="checkbox" value="歌曲二" />歌曲二<input type="checkbox" value="歌曲三" />歌曲三<input type="checkbox" value="歌曲四" />歌曲四<input type="checkbox" value="歌曲五" />歌曲五
<input type="checkbox" value="全选" id="allit"/><span>全选</span>
jQuery代码：$(function () {
$('#allit').click(function () {
$(this).attr('checked', !$(this).attr('checked'));
$('input').filter(':checkbox').each(function () {
$(this).attr('checked', !$(this).attr('checked'));
});
if ($(this).next().text() == '全选') {
$(this).next().text('全不选');
} else {
$(this).next().text('全选');
}
});
});
实现全选和全不选的功能，在实现第一次的“全选”和“全不选”后该功能失效，虽然checkbox上拥有checked="checked"属性，但页面上显示时不是勾选状态！！！望赐教和回复。