在前端開發,尤其是table的開發中,經常會在列表左上角有乙個全選按鈕,今天就來分享乙個全選按鈕的邏輯實現:
that』s all.如果有更好的方式,歡迎交流。
>
>
>
type
="checkbox"
id="selall"
>
th>
>
序號th
>
thead
>
>
>
>
type
="checkbox"
name
="check"
>
td>
>
1td>
tr>
>
>
type
="checkbox"
name
="check"
>
td>
>
2td>
tr>
>
>
type
="checkbox"
name
="check"
>
td>
>
3td>
tr>
>
>
type
="checkbox"
name
="check"
>
td>
>
4td>
tr>
tbody
>
table
>
這個table的顯示效果如下:
// 全選按鈕(獲取全選按鈕的checked值,將此值賦給下面所有checkbox)$(
"#selall").
on("click"
,function()
else})
// 普通多選框$(
"input[name='check']").
on("click"
,function()
})if(setfalse)
else
})
核取方塊全選
屬性 描述accesskey 設定或返回訪問 checkbox 的快捷鍵。alt設定或返回不支援 checkbox 時顯示的替代文字。checked 設定或返回 checkbox 是否應被選中。defaultchecked 返回 checked 屬性的預設值。disabled 設定或返回 check...
checkbox核取方塊樣式
隨著現代瀏覽器的流行,純css設定checkbox也變的很是實用,下面會講到5種與眾不同的checkbox核取方塊。首先,需要新增一段css隱藏所有的checkbox核取方塊,下面我們會改變它的外觀。要做到點需要新增一段 到你的css檔案中。隱藏預設的checkbox input type chec...
JSF核取方塊全選問題
jsf 中核取方塊h selectbooleancheckbox 標籤的用法如下 每個物件有各自有乙個屬性用來儲存其選中與否狀態,這個屬性為boolean型變數,對應到selectbooleancheckbox的值為true false 如果是乙個列表,每條記錄都有乙個核取方塊,用來提供 批量 操作...