jquery - 名前属性値に配列表記があるラジオボタングループのjqueryセレクター

Question

配列表記のラジオボタングループにjqueryセレクターを使用したい

私はこのようなラジオボタンを持っています

<input name="show[]" type="radio" value="1" /> Show<br>
<input name="show[]" type="radio" value="0" /> Hide<br>

上記にjqueryセレクターを使用したいので、次のことを試しました

$("input:radio[name=show[]]").click(function(){
    alert(this.value)
})

動作していません

ラジオボタンのname属性にshow[]の代わりにshowのように指定できることはわかっています

それでもIEには問題があったので、配列表記を使用することですべてのブラウザーで機能しました。

今、私は自分がしたことのように伝えたいのですが、それは可能ですか、それとも配列表記を含めるのは別の構文ですか？

score 11 · Accepted Answer

セレクターの角かっこをエスケープする必要があります。

$("input:radio[name=show\\[\\]]").click(function(){
    alert(this.value)
})

James Allardiceが述べたように、あいまいさを防ぐために、属性自体を引用符で囲むこともできます。

$("input:radio[name='show[]']").click(function(){
    alert(this.value)
})

さらに良いことに、クラスを使用します。

score 1 · Accepted Answer

角かっこは次のようにエスケープする必要があります\\：

$('input:radio[name=show\\[\\]]').on('click', function(){
    alert(this.value)
});

読みやすくするために、名前セレクターを引用符で囲むこともできます。

$('input:radio[name="show[]"]').on('click', function(){
    alert(this.value)
});

score 1 · Accepted Answer

セレクター内でエスケープする必要が[あります。]

$("input:radio[name=show\\[\\]]").click(function(){
    alert(this.value)
})

3 に答える 3