get id of checked checkbox in gridview in javascript

Question

I am having checkbox in each itemTemplate of asp:gridview

I want to get ids or values of those many selected checkboxes using only javascript

Can you post some code so we can see what HTML you are generating. Thanks — Greg B
– Greg B, Commented May 12, 2011 at 10:44

Femi · Accepted Answer · 2011-05-12 05:45:08Z

1

In pure javascript I'm not sure about platform portability: you'd REALLY want jQuery or some other helper library here.

With jQuery:

var values = [];
var ids = [];
jQuery.each(jQuery("input:checkbox").find(":checked"), function(){
values.push(jQuery(this).val());
ids.push(jQuery(this).attr("id");
});

will give you the ids and values of all the checked checkboxes.

EDIT: ugly, but this might work...

var values = [];
var ids = [];
var inputs = document.getElementsByTagName("input");
var i;
for(i=0;i<inputs.length;i++){
  if(inputs[i].hasAttributes() && inputs.getAttribute('type') == "checkbox" && inputs.getAttribute('checked')){
     values.push(inputs[i].getAttribute('value'));
     ids.push(inputs[i].getAttribute('id'));
  }
}

Let me know if that does what you want.

edited May 12, 2011 at 5:45

answered May 12, 2011 at 4:56

Femi

64.8k8 gold badges120 silver badges150 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MayureshP Over a year ago

i am knowing jQuery, but here i want it in only javascript

John · Accepted Answer · 2011-05-12 04:59:25Z

0

I am not exactly sure on what you are trying to do but this might help you out. This will get all of the inputs on the screen and process only the checked ones.

var inputList = document.getElementsByTagName("input");
var resultsArray = [];

for(var i = 0; i < inputList.length; i++) {
    if (inputList[i].getAttribute("checked") == true) {
        resultsArray.push(inputList[i]);
    }
}

Sorry, forgot to tell you that this would be a list of elements. You will then need to extract them however you want to from resultsArray.

answered May 12, 2011 at 4:59

John

1,5301 gold badge10 silver badges19 bronze badges

Collectives™ on Stack Overflow

get id of checked checkbox in gridview in javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related