核取方塊CheckBox的全選與取消全選功能

2021-10-10 16:00:15 字數 1111 閱讀 7282

在前端開發,尤其是table的開發中,經常會在列表左上角有乙個全選按鈕,今天就來分享乙個全選按鈕的邏輯實現:

>

>

>

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

})

that』s all.如果有更好的方式,歡迎交流。

核取方塊全選

屬性 描述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 如果是乙個列表,每條記錄都有乙個核取方塊,用來提供 批量 操作...