獲取JavaScript中GridView中選中復選框的ID

Question

我在asp：gridview的每個itemTemplate中都有復選框

我只想使用javascript來獲取許多選定復選框的ID或值

Answer 1

在純JavaScript中，我不確定平台的可移植性：您真的想在這里使用jQuery或其他幫助程序庫。

使用jQuery：

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

將為您提供所有選中復選框的ID和值。

編輯：丑陋，但這可能工作...

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

讓我知道您是否想要這樣做。

Answer 2

我不確定您要做什么，但這可能會對您有所幫助。 這將在屏幕上獲得所有輸入，並且僅處理選中的輸入。

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

抱歉，忘了告訴您這將是一個元素列表。 然后，您需要從resultsArray中提取它們。