1. 程式人生 > >用jQuery實現(全選、反選、全不選功能)

用jQuery實現(全選、反選、全不選功能)

sele 元素 selectall input html元素 UNC 推薦 not rop

在jQuery選擇器的基礎下我們實現一個全選,反選,全不選功能!

<script type="text/javascript">
$(function ()
{
//全選
$("#selectAll").click(function () {
//attr在HTML推薦非固有(用戶自定義)屬性是使用
//prop在HTMl元素固有屬性的時候使用
$("input[name=‘gx‘]").each(function () {//input[name=‘gx‘]屬性過濾選擇器


$(this).prop("checked", true);
})
});
//全不選
$("#selectNotAll").click(function () {
$("input[name=‘gx‘]").each(function () {
$(this).prop("checked", false);
})
});
//反選
$("#selectRevorse").click(function ()
{
$("input[name=‘gx‘]").each(function ()
{
$(this).prop("checked",!this["checked"]);
});
})
})
</script>

用jQuery實現(全選、反選、全不選功能)