Abilita/disabilita checkbox

[noos]

ciao, non riesco a realizzare un controllo sui checkbox.

Ho una tabella che viene valorizzata dai dati presi dal DB, questi possono essere pochi o tanti non conosco il numero totale delle righe della tabella quando viene visualizzata nella pagina.

In una cella c'è una checkbox, ora dovrei fare il controllo che se metto il flag ad un checkbox gli altri si devono disabilitare.

C'è un modo anche con jquery per realizzare questo controllo?

Grazie.

[ninja72]

Dunque se non ho capito male vorresti emulare un po quello che fa l'input radio, dando la possibilità di selezionare un solo elemento per volta ?

[noos]

Dunque se non ho capito male vorresti emulare un po quello che fa l'input radio, dando la possibilità di selezionare un solo elemento per volta ?

Esatto, non posso usare I radio purtroppo

[ninja72]

vedi se funziona in questo modo :

const cboxs = document.querySelectorAll('input[type="checkbox"]')
            cboxs.forEach((cbox) => {
                cbox.addEventListener("click", () => {
                    cboxs.forEach((e) => {
                        if (e !== cbox) {
                            e.checked = false
                        }
                    })
                })
            })

[noos]

vedi se funziona in questo modo :

const cboxs = document.querySelectorAll('input[type="checkbox"]')
            cboxs.forEach((cbox) => {
                cbox.addEventListener("click", () => {
                    cboxs.forEach((e) => {
                        if (e !== cbox) {
                            e.checked = false
                        }
                    })
                })
            })

ciao Ninja, grazie per l'aiuto
Lo script funziona tranne per IE purtroppo, in particolare il primo forEach

[ninja72]

Si lo sapevo, tieni conto che dal 15 giugno 2022 IE11 sarà dichiarato come deprecato, Microsoft consiglia Edge al suo posto, comunque il codice funzione con tutti i browser moderni.
Comunque se vuoi renderlo ugualmente compatibile con browser datati potresti implementare un polyfill che vada a colmare quella mancanza.

const cboxs = document.querySelectorAll('input[type="checkbox"]')
            if (window.NodeList && !NodeList.prototype.forEach) {
                NodeList.prototype.forEach = Array.prototype.forEach
            }

            Array.prototype.forEach.call(cboxs, function (cbox) {
                cbox.addEventListener("click", function () {
                    cboxs.forEach(function (e) {
                        if (e !== cbox) {
                            e.checked = false
                        }
                    })
                })
            })

https://docs.microsoft.com/it-it/lifecycle/announcements/internet-explorer-11-end-of-support

[noos]

Si lo sapevo, tieni conto che dal 15 giugno 2022 IE11 sarà dichiarato come deprecato, Microsoft consiglia Edge al suo posto, comunque il codice funzione con tutti i browser moderni.
Comunque se vuoi renderlo ugualmente compatibile con browser datati potresti implementare un polyfill che vada a colmare quella mancanza.

const cboxs = document.querySelectorAll('input[type="checkbox"]')
            if (window.NodeList && !NodeList.prototype.forEach) {
                NodeList.prototype.forEach = Array.prototype.forEach
            }

            Array.prototype.forEach.call(cboxs, function (cbox) {
                cbox.addEventListener("click", function () {
                    cboxs.forEach(function (e) {
                        if (e !== cbox) {
                            e.checked = false
                        }
                    })
                })
            })

https://docs.microsoft.com/it-it/lifecycle/announcements/internet-explorer-11-end-of-support

grazie per le informazioni e l'aiuto

Devo approfondire js alcune nozioni non le conoscevo