Javascript 使用jQuery检索复选框值

我有以下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的上述代码不起作用

我做错了什么？

演示：

---

像这样的方法应该会奏效：

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

演示：

试试这个：

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

很简单

<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">​

我假设

res

不是一个全局变量。

试试这个

function countChecked() {
  var n = $("input:checked").val();
     alert(n);
}
countChecked();
$(":checkbox").click(countChecked);

试试这个

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

---

Fiddle是

如果要将HTML插入DOM，则应使用

---

要获取该值，请使用

this.value

或

$（this）.val（）

加上缺少

var

请确保使用的是

$（document）.ready（）

是，任何一个都可以，但是

jQuery(document).ready(function(){
  $('.trchoose').click(function() {
    alert($(this).val());
  });​
})

jQuery('.trchoose').click(function() {
    alert('');
    var res= this.value; // or jQuery(this).val() for jQuery version, but overhead.
    alert(res);
});

function countChecked() {
  var n = $("input:checked").val();
     alert(n);
}
countChecked();
$(":checkbox").click(countChecked);

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

$('.trchoose').on('click', function() {
    alert($(this).val());
});