I have input checkbox something like this..
<input class="inputchbox" id="Pchk" type="checkbox" name="check" value="<%=Model.ID%>" />
using javascript I need to get the all checkbox checked Ids in to the array?
how do I need to get?
thanks
-
Where are the other checkboxes? What control are you using to group the checkboxes? Can you use jQuery?Thea– Thea2010-06-15 19:43:54 +00:00Commented Jun 15, 2010 at 19:43
-
I am suing jquery but I am not getting the all the checkbox ids.. in IE8.. but i am getting in Firefox..user354625– user3546252010-06-15 19:45:15 +00:00Commented Jun 15, 2010 at 19:45
-
same input checkbox generates with differnt id's..user354625– user3546252010-06-15 19:45:42 +00:00Commented Jun 15, 2010 at 19:45
Add a comment
|
4 Answers
Pure Javascript answer
var formelements = document.forms["your form name"].elements;
var checkedElements = new Array();
for (var i = 0, element; element = formelements[i]; i++) {
if (element.type == "checkbox" && element.checked) [
checkedElements.push(element);
}
}
Jquery Answer
$("input:checked")
Comments
Does this look like a solution to your issue? Parse page for checkboxes via javascript
Basically, you'd get the element for your <input type="checkbox"> tag and verify whether or not the checked attribute evaluates to true.
Note: I'm unsure if my response should be a comment or an answer -- this almost looks like a duplicate question?
Comments
Something like this should work.
var inputs = document.getElementsByTagName("input");
var checks = [];
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type == "checkbox" && inputs[i].checked) {
checks .push(inputs[i]);
}
}
using jQuery you could do this:
var checks= $("input:checkbox:checked");
4 Comments
user354625
This si not working in IE8? var checks= $("input[@type=checkbox]:checked");
user113716
@type? I think the @ was left behind in jQuery 1.2.6. :o)user354625
I used the code which Durilai sujjested in Friefox I am getting all values but in IE I am getting only Frist Id value other id value are zero its showing
Dustin Laine
@patrick - good catch, old code. Updated to use jQuerys latest and greatest.
Please try this:
var checkboxes = new Array();
var $checkboxCtrls = $('input[type=checkbox]');
$.each($checkboxCtrls,function(i,ctrl){
checkboxes.push($(this).attr('id'));
});
Fiddle link for Assistance : http://jsfiddle.net/gJeCT/1/
- Note: for IE, comment the console logging statement and use alert(), as console logging is supported in all browsers except IE versions.
answered Sep 17, 2012 at 13:11
Dhanasekar Murugesan
3,2591 gold badge21 silver badges23 bronze badges