Tarkista, onko valintaruutu valittuna jQueryn avulla

Question

Lisää

Lähde Ei AMP-versio Muokkaa

Tarkista, onko valintaruutu valittuna jQueryn avulla

Miten voin tarkistaa, onko valintaruutumassan valintaruutu valittuna käyttämällä valintaruutumassan id:tä?

Käytän seuraavaa koodia, mutta se palauttaa aina valittujen valintaruutujen lukumäärän id:stä riippumatta.

function isCheckedById(id) {
    alert(id);
    var checked = $("input[@id=" + id + "]:checked").length;
    alert(checked);

    if (checked == 0) {
        return false;
    } else {
        return true;
    }
}

johannchopin

Muokattu kysymysT33 marraskuu 2019 в 3:34

Ohjelmointi

javascript jquery checkbox

T44 helmikuu 2010 в 12:23

15 näkymät

John Boker

Lähde Ei AMP-versio Muokkaa

$('#' + id).is(":checked")

Se saa, jos valintaruutu on valittuna.

Jos kyseessä on joukko samannimisiä valintaruutuja, voit saada listan valittujen valintaruutujen luettelosta seuraavasti:

var $boxes = $('input[name=thename]:checked');

Sitten voit käydä niiden läpi silmukalla ja katsoa, mikä on valittuna:

$boxes.each(function(){
    // Do stuff here with this
});

Jos haluat selvittää, kuinka monta on tarkistettu, voit tehdä näin:

$boxes.length;

Kaspar Lee

Muokattu vastausta T33 helmikuu 2016 в 2:03

1929

0

Kommentit (11)

Prasanna Rotti

Lähde Ei AMP-versio Muokkaa

$('#checkbox').is(':checked');

Yllä oleva koodi palauttaa true, jos valintaruutu on valittuna, ja false, jos ei.

Bellash

Muokattu vastausta T00 marraskuu 2013 в 2:49

289

0

Kommentit (4)

nickf · Accepted Answer · 2010-02-05T00:31:16+00:00

Tunnusten on oltava yksilöllisiä asiakirjassasi, mikä tarkoittaa, että tätä ei pidä tehdä:

<input type="checkbox" name="chk[]" id="chk[]" value="Apples" />
<input type="checkbox" name="chk[]" id="chk[]" value="Bananas" />

Sen sijaan pudota ID ja valitse ne sitten nimen tai sisältävän elementin perusteella:


    <input type="checkbox" name="chk[]" value="Apples" />

    <input type="checkbox" name="chk[]" value="Bananas" />

Ja nyt jQuery:

var atLeastOneIsChecked = $('#checkArray:checkbox:checked').length > 0;
//there should be no space between identifier and selector

// or, without the container:

var atLeastOneIsChecked = $('input[name="chk[]"]:checked').length > 0;