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

2021-09-01 22:32:31 字數 547 閱讀 4144

1,先介紹兩個 函式

①each()在這裡用於迴圈物件陣列

語法和引數介紹:

$(selector).each(function(index,element))

//@param1 陣列下標

//@param2:當前元素【js dom操作採用,jq用$(this) 代替】

②prop() 方法設定或返回被選元素的屬性和值,用法和attr()基本一致

提示:關於jq中prop()和attr()區別請參考:

2,實現全選和反選功能

//全選 

function all_select()

///反選---取消全選

function cancel_all_se()

3,獲取選中項

//獲取選中項的值--並放入陣列中

function get_val() );

console.log(arr);

}

js實現全選和反選功能

全選反選 足球籃球 跑步登山 唱歌跳舞 思路 1 獲取元素。2 用for迴圈歷遍陣列,把checkbox的checked設定為true即實現全選,把checkbox的checked設定為false即實現不選。3 通過if判斷,如果checked為true選中狀態的,就把checked設為false不...

js實現全選和反選功能

1.頁面 html head title 匯出excel title head body p style text align center padding top 15px 選擇班級 select name claid id claid style color 999999 option valu...

JS實現全選 不選 反選

思路 1 獲取元素。2 用for迴圈歷遍陣列,把checkbox的checked設定為true即實現全選,把checkbox的checked設定為false即實現不選。3 通過if判斷,如果checked為true選中狀態的,就把checked設為false不選狀態,如果checked為false不...