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

就是这样。这应该有用。

在JavaScript中获取已选中复选框的文本

1 个答案: