jquery實現checkbox的單選和全選

2022-04-04 03:27:39 字數 1682 閱讀 6471

全選:判斷「全選」checkbox的狀態,如果選中則把tbody下所有的checkbox選中,反之

單選:主要是判斷有沒有全選,如果不是選中狀態就把全選的checkbox狀態設定為false,如果是選中就拿所有選中狀態下「name=id」的chekbox和所有『』name=id"的數量去比較,如果一樣表示全選了,設定全選的chekbox為選中狀態,反之。

1.css部分,直接搬運的django專案裡面的。

<

table

border

="2"

style

="margin: 0 auto;text-align: left;width: 800px"

>

<

thead

>

<

tr>

<

th><

input

type

="checkbox"

name

="all"

>全選

th>

<

th>id

th>

<

th>使用者名稱

th>

<

th>暱稱

th>

<

th>郵箱

th>

<

th>角色

th>

<

th>操作

th>

tr>

thead

>

<

tbody

id="tb"

>

<

tr>

<

td><

input

type

="checkbox"

name

="id"

value

="}"

onclick

="usercheck(this)"

>

td>

<

td>}

td>

<

td>}

td>

<

td>}

td>

<

td>}

td>

<

td>}

td>

<

td>

<

img

id="update"

src="/static/img/edit-new.png"

onclick

="getuser(})"

>

<

img

id="delete"

src="/static/img/edit_remove.png"

onclick

="userdelete(})"

>

td>

tr>

tbody

>

table

>

2.js部分,name和id都可以根據實際修改

$(function

()

else

});});//

單選 設定name=id

function

usercheck(ths)

else

}}

jquery和js如何判斷checkbox是否選中

jquery input type checkbox attr value 返回結果 501 input type checkbox is checked 返回結果 選中 true,未選中 false js if document.getelementbyid checkboxid checked ...

CTreeCtrl 聯動選擇 checkbox

響應單擊tree控制項的事件 void cdlgtreetest onnmclicktreelayers nmhdr pnmhdr,lresult presult presult 0 設定checkbox的選擇狀態 void cdlgtreetest setitemcheckstate htreei...

GridView翻頁時保持CheckBox選擇狀態

是否翻頁 private bool changed false 定義儲存選擇項主鍵集合屬性 protected listselecteditems set 獲取選擇項主鍵 private void getselecteditem else 獲取選擇的記錄 for int i 0 i this.gve...