2

私は次のHTMLを持っています:

<input type="checkbox" value="1"  class="trchoose">
<input type="checkbox" value="1"  class="trchoose">
<input type="checkbox" value="1"  class="trchoose">
<input type="checkbox" value="1"  class="trchoose">

以下は私のjQueryコードです：

jQuery('.trchoose').click(function() {
    alert('');
    res= jQuery(this).attr('class');
    alert(res);
});

ここで、クリックされた特定のチェックボックスの値を取得する必要があります。上記の jQuery のコードは機能しません。

私は何を間違っていますか？

4

8 に答える 8

1

それは簡単です。

<input type="checkbox" value="1"  class="trchoose">
<input type="checkbox" value="2"  class="trchoose">
<input type="checkbox" value="3"  class="trchoose">
<input type="checkbox" value="4"  class="trchoose">​

2 番目のチェックボックスが閉じていないことを確認してください。

jQuery(document).ready(function(){
  $('.trchoose').click(function() {
    alert($(this).val());
  });​
})
于 2012-10-01T04:13:21.580 に答える
1 
jQuery('.trchoose').click(function() {
    alert('');
    var res= this.value; // or jQuery(this).val() for jQuery version, but overhead.
    alert(res);
});

resそれはグローバル変数ではないと思います。

于 2012-10-01T04:13:41.377 に答える
0

HTML が DOM に挿入されている場合は、.on()を使用する必要があります。

$('.trchoose').on('click', function() {
    alert($(this).val());
});
于 2012-10-01T04:59:00.740 に答える
0

デモ: http://jsfiddle.net/32VQ8/

jQuery(document).ready(function ($) {
  $('.trchoose').click(function() {
    alert($(this).val());
  });
});​
于 2012-10-01T04:12:31.020 に答える
0

このようなものが動作するはずです:

$('.trchoose').on('change', function() {
    var value = $(this).val();
});​

デモ: http://jsfiddle.net/Blender/S4RVC/

于 2012-10-01T04:12:31.773 に答える
0

これを試して：

jQuery('.trchoose').click(function() {
    alert('');
    var res= jQuery(this).val();
    alert(res);
});
于 2012-10-01T04:12:57.463 に答える
0

これを試して

function countChecked() {
  var n = $("input:checked").val();
     alert(n);
}
countChecked();
$(":checkbox").click(countChecked);
于 2012-10-01T04:14:23.477 に答える
0

これを試して..

jQuery('.trchoose').click(function() {
         alert(jQuery(this).val());
});

フィドルはこちら

于 2012-10-01T04:20:25.437 に答える