在JavaScript中獲取選中的復選框的文本

Question

嘗試使用javascript獲取復選框文本時遇到一些困難。 這是我的html代碼：

content += "<tr><td><input id='type_select1' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()' >Commercial and Residential</td><td><input id='type_select2' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()' >Commercial</td></tr>";
content += "<tr><td><input id='type_select3' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Heavy Vehicle Park</td><td><input id='type_select4' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Hospital</td></tr>";
content += "<tr><td><input id='type_select5' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Hotel</td><td><input id='type_select6' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Industrial</td></tr>";
content += "<tr><td><input id='type_select7' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Industrial-White</td><td><input id='type_select8' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Office</td></tr>";
content += "<tr><td><input id='type_select9' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Recreation</td><td><input id='type_select10' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Residential (Landed)</td></tr>";
content += "<tr><td><input id='type_select11' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Residential (Non-Landed)</td><td><input id='type_select12' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Residential</td></tr>";
content += "<tr><td><input id='type_select13' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>White Site</td></tr>";

這是我如何獲取已選中復選框的文本：

var type_select = document.getElementById('type_select');
if(type_select.checked == true)
{
   var type_filter = type_select.text;
   alert(type_filter);
}

但是，當我選中一個復選框時，彈出消息顯示為“ undefined ”。 我想知道出了什么問題。 提前致謝。

Answer 1

所以我終於明白了你要做什么。 首先，讓我們考慮一下內容字符串中的一個樣本。

<td><input class=\"pss\"  type=\"checkbox\" onclick='queryPSS()' value = "myValue">Commercial and Residential</td>

我們仍然有不同的ID。 但是在單擊時，您會觸發如下的customFunction（甚至可以是queryPSS）。 確保還添加了value屬性並將其設置為所需的值。

onclick = customFunction(this)

在某個地方，您可以這樣定義函數，

function customFucntion(idValue){
   var elem = idValue.value;
}

而已。 那應該工作。