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

完蛋了。這應該工作。