Question

我有以下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代码无效。

我做错了什么？

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

请检查，您的第二个复选框未关闭！

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

Answer 2

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

我假设res不是全局变量。

Answer 3

演示：http://jsfiddle.net/32VQ8/

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

Answer 4

这样的事情应该有效：

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

演示：http://jsfiddle.net/Blender/S4RVC/

Answer 5

试试这个：

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

Answer 6

试试这个

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

Answer 7

试试这个..

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

小提琴是here

Answer 8

如果要将HTML插入DOM，则应使用.on()

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

使用jQuery检索复选框值

8 个答案: