jQuery velgeren for etiketten av en avkrysnings

Dette bør gjøre det:

$("label[for=comedyclubs]")

Hvis du har ikke alfanumeriske tegn i id må du omgir attr verdi med sitater:

$("label[for='comedy-clubs']")

En annen løsning kan være:

$("#comedyclubs").next()

$("label[for='"+$(this).attr("id")+"']");

Dette bør tillate deg å velge etiketter for alle feltene i en sløyfe i tillegg. Alt du trenger for å sikre er etikettene skal si for='FIELD'der FIELDer id av feltet som denne etiketten blir definert.

Takket Kip, for de som kan være ute etter å oppnå de samme som bruker $ (denne) mens itera eller assosiere innenfor en funksjon:

$("label[for="+$(this).attr("id")+"]").addClass( "orienSel" );

Jeg så for en stund mens du arbeider dette prosjektet, men kunne ikke finne et godt eksempel, så jeg håper dette hjelper andre som kan være ute etter å løse det samme problemet.

I eksempelet ovenfor, min Formålet var å skjule radio innganger og style etikettene for å tilveiebringe en slicker brukeropplevelse (endring av orienteringen av flytskjemaet).

Du kan se et eksempel her

Hvis du liker eksempel her er css:

.orientation {      position: absolute; top: -9999px;   left: -9999px;}
    .orienlabel{background:#1a97d4 url('http://www.ifreight.solutions/process.html/images/icons/flowChart.png') no-repeat 2px 5px; background-size: 40px auto;color:#fff; width:50px;height:50px;display:inline-block; border-radius:50%;color:transparent;cursor:pointer;}
    .orR{   background-position: 9px -57px;}
    .orT{   background-position: 2px -120px;}
    .orB{   background-position: 6px -177px;}

    .orienSel {background-color:#323232;}

og den aktuelle delen av Javascript:

function changeHandler() {
    $(".orienSel").removeClass( "orienSel" );
    if(this.checked) {
        $("label[for="+$(this).attr("id")+"]").addClass( "orienSel" );
    }
};

En alternativ rot til det opprinnelige spørsmålet, gitt etiketten følger innspill, kan du gå med en ren css løsning og unngå å bruke Javascript helt ...:

input[type=checkbox]:checked+label {}