jQuery-全选/全部选/反选
以下是使用jQuery实现全选、全不选和反选的示例代码:
HTML部分:
<button id="checkAll">全选</button>
<button id="uncheckAll">全不选</button>
<button id="toggleCheck">反选</button>
<input type="checkbox" class="item"/>
<input type="checkbox" class="item"/>
<input type="checkbox" class="item"/>
jQuery部分:
$(document).ready(function(){
// 全选
$('#checkAll').click(function(){
$('.item').prop('checked', true);
});
// 全不选
$('#uncheckAll').click(function(){
$('.item').prop('checked', false);
});
// 反选
$('#toggleCheck').click(function(){
$('.item').each(function(){
$(this).prop('checked', !$(this).prop('checked'));
});
});
});
确保在你的HTML文件中引入了jQuery库。
评论已关闭