Get the ID by Class name JQuery

Question

Hi this is a jquery question:

supposed i have this:

Answer 1

Get ID using this way

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

Also keep in mind that if only one can be selected, it's better to change it to radio.

Answer 2

Because you have not iterated all the elements which has class 'select'. It always goes to the first element and prints the result. Put a loop to iterate all elements having class 'select'.

Answer 3

you should be using radio buttons and not checkboxes to allow one choice out of many.

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

then things will get really simple:

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

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

Answer 4

You aren't capturing the checked checkbox, you're only asking "is there one checked?".

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

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

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

Answer 5

There are multiple elements. You need to check for all checkbox having same class

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

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

});

Answer 6

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