<script>
$(function () {
$('button').eq(0).on('click', function () {
$('input:checkbox').prop('checked', true);
})
$('button').eq(1).on('click', function () {
$('input:checkbox').prop('checked', false);
})
$('button').eq(2).on('click', function () {
// each() 方法是对jquery伪数组进行遍历的方法
// 在回调中,两个参数, 参数一代表下标, 参数二代表项
$('input:checkbox').each(function (index, item) {
// item 是DOM原生对象
// if ($(item).prop('checked')) {
// $(item).prop('checked', false)
// } else {
// $(item).prop('checked', true)
// }
$(item).prop('checked', !$(item).prop('checked') )
})
})
})
JQuery案例-全选、全不选、反选
最新推荐文章于 2024-09-02 17:34:07 发布