Lấy ID theo tên lớp JQuery

Question

Hi đây là một câu hỏi jquery:

lẽ tôi đã này:

<input type="checkbox" class="select" id ="select-1"> 

<input type="checkbox" class="select" id ="select-2"> 

và tôi muốn nhận được id, các hộp kiểm đã được chọn khi tôi bấm một nút gửi (lưu ý: bạn chỉ có thể chọn 1) và tôi có điều này sự kiện nút bấm vào đây:

$("#submit").click(function(){ 

      if($(".select").is(':checked')){ 

       alert($(".select").attr('id')); 
      } 
}); 

Nó luôn cảnh báo "select-1" ngay cả khi tôi chọn hộp kiểm có id "select-2" .. Tôi đoán vì cả hai đều ở cùng một lớp với lớp ".select" đầu tiên tìm thấy được hiển thị trong cảnh báo .. làm thế nào để tôi nhận được id cụ thể được kiểm tra bằng cách sử dụng tên lớp của họ? Cảm ơn bạn!

Answer 1

Bạn chỉ kiểm tra một hộp kiểm tại một thời điểm?

alert($(".select:checked").attr('id'));

Hoặc, nếu bạn có nhiều hộp kiểm đã kiểm tra cùng một lúc:

$(".select:checked").each(function(){ 
    alert($(this).attr('id')); 
}); 

Demo: http://jsfiddle.net/UTux2/

Answer 2

Bạn chưa chụp hộp kiểm được đánh dấu, bạn chỉ hỏi "là có ai kiểm tra không? ".

$("#submit").click(function(){ 

    var elem = $(".select:checked"); 

    if(elem.length > 0){ 
     alert(elem.attr('id')); 
    } 
}); 

Answer 3

Nhận ID bằng cách

$(".select:checked").attr('id'); 

này Cũng nên nhớ rằng nếu chỉ có một có thể được lựa chọn, nó tốt hơn để thay đổi nó để radio.

Answer 4

$("#submit").click(function(){ 
      if($(".select").is(':checked')){ 
       var $this=$(".select").is(':checked'); 
       alert($this.attr('id')); 
      } 
}); 

Answer 5

Có nhiều yếu tố. Bạn cần kiểm tra tất cả các hộp kiểm có cùng một lớp

$("#submit").click(function(){ 

      $(".select:checked").each(function(){ 
      alert($(this).attr('id')); 
    }); 

}); 

Answer 6

bạn nên sử dụng nút radio và không chọn hộp kiểm để cho phép một trong nhiều lựa chọn.

<input type="radio" name="select" value="select-1"> 
<input type="radio" name="select" value="select-2"> 

sau đó mọi thứ sẽ có được thực sự đơn giản:

$("#submit").click(function(){ 

    alert($('[name="select"]:checked').val()); 
}); 

Answer 7

Bởi vì bạn đã không lặp tất cả các yếu tố trong đó có lớp 'chọn'. Nó luôn luôn đi đến phần tử đầu tiên và in kết quả. Đặt một vòng lặp để lặp lại tất cả các phần tử có lớp 'chọn'.

Answer 8

thử một cái gì đó như thế này, bạn không cần phải lặp

 $(document).ready(function() { 
      $("#submit").click(function(){ 
        if($(".select").is(':checked')){ 
         alert($(".select:checked").attr('id')); 
        } 
      }); 
     });