Jquery val（）が機能しません。

Question

$("input[type=radio]").change(function(){ 
    alert(this.val()); 
}); 

これはなぜ機能しませんか？ 私は、ラジオボタンが選択されるたびにページがその値を警告することを望んでいます。

Answer 1

私はあなたがこれを行うために必要と考えている：@Eonasdanは、すでに述べたように

が

$("input[type=radio]").change(function(){ 
    alert($(this).val()); 
}); 

Answer 2

、あなたが$(this).val()を使用する必要があります。

この理由は、thisがプレーンDOM要素を指し、.val()がjQueryオブジェクトを必要とするためです。

ところで、あなたは属性セレクタに属性値を引用符で囲む必要があります。$("input[type='radio']")

Answer 3

あなたがに「jQuerify」thisオブジェクト必要があります。

よりもむしろthis.val()それは$(this).val()

Answer 4

する必要があります

代わりにこれを試してください：

$("input[type=radio]").change(function(){ 
    alert($(this).val()); 
}); 

.val（）メソッドを使用するには、thisをjQueryオブジェクトにラップする必要があります。

Answer 5

jQueryでは、そのAPIに渡す関数thisをセレクタに一致するDOM要素として提供します。しかし、thisはjQueryオブジェクトではなく、実際にはDOM要素のプレーンです。 thisでjQueryメソッドを呼び出す場合は、thisをjQueryにラップする必要があります。$(this)

$("input[type=radio]").change(function(){ 
    alert($(this).val()); 
}); 

ラッパーを何度も再作成しないように複数回使用する場合は、キャッシュすることを忘れないでください。

$("input[type=radio]").change(function(){ 
    var $this = $(this); 
    $this.addClass('omgitchanged'); 
    alert($this.val()); 
});