チェックボックスのラベルのjQueryセレクタ

Question

<input type="checkbox" name="filter" id="comedyclubs"/> 
<label for="comedyclubs">Comedy Clubs</label> 

ラベルが付いたチェックボックスがある場合、jQueryを使用してラベルを選択するにはどうすればよいですか？ラベルタグにIDを与え、$(#labelId)を使用してラベルタグを選択する方が簡単でしょうか？

Answer 1

これは動作するはずです：

$("label[for='comedyclubs']") 

も参照してください：Selectors/attributeEquals - jQuery JavaScript Library

Answer 2

これはそれを行う必要があります。

$("label[for=comedyclubs]") 

あなたのIDに英数字以外の文字を持っているなら、あなたはATTRを囲む必要があります値の見積もり：

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

Answer 3

別の解決策は次のようになります。

$("#comedyclubs").next() 

Answer 4

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

これは、あなたが同様にループ内のすべてのフィールドのラベルを選択できるようにする必要があります。ラベルの意味は、for='FIELD'とする必要があります。FIELDは、このラベルが定義されているフィールドのIDです。

Answer 5

おかげキップは、関数内で反復または関連付けながら、$（this）を使用して同じことを達成するために探しすることができる人のために：

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

私はこのプロジェクトを作業しながらしばらく見えたが、できませんでした私はこれが同じ問題を解決しようとしているかもしれない他の人々に役立つことを願っています。

上記の例では、私の目的は、ラジオ入力を隠し、ラベルのスタイルを変えてより滑らかなユーザーエクスペリエンス（フローチャートの向きを変更する）を提供することでした。

あなたはsee an example here

することができますあなたは例のように、ここでは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;} 

とJavaScriptの関連部分：元に

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

代替ルート質問は、ラベルが入力に続いている場合は、純粋なCSSソリューションを使用して、JavaScriptを使用しないでください：

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