jquery 复选框全选 全不选 反选详解编程语言

$(function () { 
    //全选 
    $("#CheckedAll").click(function () { 
        $('[name=items]:checkbox').attr('checked', true); 
    }); 
    //全不选 
    $("#CheckedNo").click(function () { 
        $('[type=checkbox]:checkbox').attr('checked', false); 
    }); 
    //反选 
    $("#CheckedRev").click(function () { 
        $('[name=items]:checkbox').each(function () { 
            //此处用JQ写法颇显啰嗦。体现不出JQ飘逸的感觉。 
            //$(this).attr("checked", !$(this).attr("checked")); 
              
            //直接使用JS原生代码,简单实用 
            this.checked = !this.checked; 
        }); 
    }); 
    //输出值 
    $("#send").click(function () { 
        var str = "你选中的是:/r/n"; 
        $('[name=items]:checkbox:checked').each(function () { 
            str += $(this).val() + "/r/n"; 
        }) 
        alert(str); 
    }); 
})

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8584.html

(0)
上一篇 2021年7月18日
下一篇 2021年7月18日

相关推荐

发表回复

登录后才能评论