I have this html
<input type="checkbox" name="mycheck[]" value="1" />
<input type="checkbox" name="mycheck[]" value="2" />
<input type="checkbox" name="mycheck[]" value="3" />
If I have this jQuery code:
$('input[name="mycheck"]').change(function() {
alert("which checkbox index I checked");
}
Assuming the indexes are 0 based I should have 0, 1, 2 How do I get it to alert "1" when I click the middle checkbox?
Try this:
$("input[name='mycheck[]']").change(function() {
alert($(this).index());
}
There is an .index() method for that
$('input').change(function() {
alert($(this).index());
});
Use the .index() method.
$('input[name="mycheck[]"]').change(function() {
var index = $('input[name="mycheck[]"]').index(this);
alert(index);
});
But you also need to target mycheck[] instead of mycheck as that is how you have named your elements.
Asuming the numbers go like 1,2,3,4, and so on, you could simply do that:
alert($(this).val()-1);
alert($(this).index());
And also, you have to select the entire name:
$('input[name="mycheck[]"]')
