全選和選中項

2021-08-31 17:18:14 字數 729 閱讀 3939

js:jquery-1.3.2.js(比較老了)

1.jquery代替$

2.自定義:var jq =jquery.noconflict();//jq代替$

首先把name屬性設定成相同名稱,如:type="checkbox" name="cbnames"

var allc = jquery("#cball").attr("checked");//查詢id=cball的元素,得到checked的屬性值

jquery(":checkbox[name=cbnames]").each(function());

是jquery的路徑表示式,查詢name="cbnames"的checkbox元素;

jquery的each()相當於for迴圈

cball是單獨的checkbox元素,用來確定全選還是全不選。

選中項:

//寫法類似,只是多了乙個約束,查詢name="cbnames" checked="true"的checkbox元素

var cs = jquery(":checkbox[name=cbnames][checked=true]");

cs代表陣列,每乙個值是乙個checkbox元素,如果你想對這個陣列進行進一步封裝,可以這樣:

var ncs = jquery.map(cs,function(val)

map()也是乙個迴圈函式,ncs是封裝後的陣列,值是map()的每乙個return的值

選中全選框

這裡是html type checkbox name id checkall 全選 全不選 th 菜名th 商家th th tr type checkbox name check td 紅燒肉td 隆 腳飯td 200td tr type checkbox name check td 香酥排骨td ...

js 實現全選,反選和選中指定項

1,先介紹兩個 函式 each 在這裡用於迴圈物件陣列 語法和引數介紹 selector each function index,element param1 陣列下標 param2 當前元素 js dom操作採用,jq用 this 代替 prop 方法設定或返回被選元素的屬性和值,用法和attr ...

全選和取消全選

全選 管理員id 姓名操作 1tester 修改 刪除 2manager 修改 刪除 3analyst 修改 刪除 4admin 修改 刪除 1.查詢觸發事件的元素 本例中 查詢table下thead下第乙個th中的input var chball document.queryselector ta...