jquery - How to get the Input checkbox id value using javascript? - Stack Overflow

admin管理员组

文章数量:1349231

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

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

• javascript
• jquery

Share Improve this question Follow edited Jun 15, 2010 at 19:51 John Hartsock 86.9k2323 gold badges135135 silver badges146146 bronze badges asked Jun 15, 2010 at 19:39 user354625user354625 55766 gold badges1212 silver badges2424 bronze badges 3

• Where are the other checkboxes? What control are you using to group the checkboxes? Can you use jQuery? – Thea Commented 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 Commented Jun 15, 2010 at 19:45
• same input checkbox generates with differnt id's.. – user354625 Commented Jun 15, 2010 at 19:45

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 4

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")

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 ment or an answer -- this almost looks like a duplicate question?

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"); 

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/gJeCT/1/

• Note: for IE, ment the console logging statement and use alert(), as console logging is supported in all browsers except IE versions.

本文标签： jqueryHow to get the Input checkbox id value using javascriptStack Overflow