js反選 全選

2022-07-02 13:12:14 字數 887 閱讀 2841

js的寫法在標題行增加全選核取方塊和反選按鈕,在

資料行增加帶name屬性的核取方塊。

type="checkbox" id="checkall" onclick="checkall()"/>type="button" value="反選" onclick="inversechk()"/>

主鍵序號

var="recruit">

name="checkid" value="$" />$$

2.全選和全不選兩種實現方式:

第一種:

//全選和全不選(prop())(jq 的迴圈方式)

function checkall(){//獲取資料行的所有核取方塊

var bankchk=$("[name='checkid']");

var banks=$("#checkall").prop("checked");

//jq的each迴圈,

$.each(bankchk,function(){

$(this).prop("checked",banks);

第二種function checkall(){

[name='checkid']").prop("checked",$("#checkall").prop("checked"));

3.反選

function inversechk(){

var checkids= $("

[name='checkid']");

$.each(checkids,function(){

$(this).prop("checked",!$(this).prop("checked"));

js反選 全選

js的寫法在標題行增加全選核取方塊和反選按鈕,在 資料行增加帶name屬性的核取方塊。type checkbox id checkall nclick checkall type button value 反選 nclick inversechk 主鍵序號 var recruit name chec...

js 全選與反選

全選與反選 function submit console.info data 選中全選按鈕,下面的checkbox全部選中 var selall document.getelementbyid selall function selectall else 當選中所有的時候,全選按鈕會勾上 func...

JS實現全選 不選 反選

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