Question

jquery 3复选框。想要确定单击了哪个复选框。

<input type="checkbox" name="mark[]" id="mark1" class="mark" value="1">
<input type="checkbox" name="mark[]" id="mark2" class="mark" value="2">
<input type="checkbox" name="mark[]" id="mark2" class="mark" value="3">

jquery的

$('.mark').click(function(index){

alert (index);
if ( $(this).is(":checked") ){
alert ( $(this).val() + ' if checked' );
}

$(this).click(function() {
alert ( $(this).val() + ' click' );
}); 


})//$('.mark').click(function(index){

我想要alert (index);点击按钮的提醒号码但获取[object Object]

Answer 1

获取索引

 $('.mark').click(function(){
     $('.mark:checked').each(function(){
     alert( $('.mark').index(this));
    });

});

Updaated Demo

Answer 2

您可以简单地使用：

$(this).index();//or $(this).index()+1; for index starting from 0

<强> Demo

注意：index（）是基于零索引的。

Answer 3

使用.index()：

 $('.mark').click(function(index){
    alert($(this).index() +1);
 });

因为.index()是0所以如果您正在寻找1，那么您可以使用+1

初始化其价值

Answer 4

index事件的功能中没有click参数，当您致电.each()

时可以使用此参数

您可以在单击的复选框对象上调用.index()以获取索引，如下所示：

$('.mark').click(function(){
  var index = $(this).index();
  alert(index);
});

<强> JSFiddle Demo

Answer 5

尝试

$('.mark').click(function(){

alert ($(this).index());
if ( $(this).is(":checked") ){
alert ( $(this).val() + ' if checked' );
}

$(this).click(function() {
alert ( $(this).val() + ' click' );
}); 


})

http://jsfiddle.net/cLDaT/

jquery 3复选框。想要确定单击了哪个复选框

5 个答案:

Updaated Demo