在jQuery選擇器的基礎下我們實現一個全選,反選,全不選功能! <script type="text/javascript"> $(function () { //全選 $("#selectAll").click(function () { //attr在HTML推薦非固有(用戶自定義)屬性是使用 ...
在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>