如何使用javascript获取输入复选框id值?

时间:2010-06-15 19:39:28

标签: javascript jquery

我输入了类似这样的复选框..

 <input class="inputchbox" id="Pchk" type="checkbox" name="check" value="<%=Model.ID%>" />

使用javascript我需要检查所有复选框的Ids到数组吗?

我该怎么办?

感谢

4 个答案:

答案 0 :(得分:4)

纯Javascript答案

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回答

$("input:checked")

答案 1 :(得分:2)

这看起来像是您问题的解决方案吗? Parse page for checkboxes via javascript

基本上,您将获得<input type="checkbox">标记的元素,并验证checked属性是否评估为真。

注意:我不确定我的回复是评论还是答案 - 这几乎看起来像是一个重复的问题?

答案 2 :(得分:1)

这样的事情应该有效。

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]);  
  }  
}  

使用jQuery你可以这样做:

var checks= $("input:checkbox:checked"); 

答案 3 :(得分:0)

请试试这个:

  var checkboxes = new Array();

    var $checkboxCtrls  = $('input[type=checkbox]');

    $.each($checkboxCtrls,function(i,ctrl){

        checkboxes.push($(this).attr('id'));

    });

帮助的小提琴链接:http://jsfiddle.net/gJeCT/1/

  • 注意:对于IE,请注释控制台日志记录语句并使用alert(),因为除IE版本之外的所有浏览器都支持控制台日志记录。