获取所选复选框的名称

时间:2016-06-01 14:18:41

标签: javascript html jsp

我是JavaScript / html的新手,所以我的问题对你来说可能很愚蠢,但我坚持下去。

我想要选中复选框的名称。我试过以下代码

<br>    
<%
for(int i = 0; i < dataDetail.size(); i++)
{
%>
<input type="checkbox" name="<%=dataDetail.get(i)%>" onclick="select(dataDetail.get(i))"> <%=dataDetail.get(i)%>
<br/>
<% 
} 
%>


<script type="text/javascript">
function select(a)
{   
    document.getElementById("demo").innerHTML =a    
    }
</script>

<p id="demo"></p>

但我在页面上没有任何变化,请在此帮助

修改

Link for my jsp page

1 个答案:

答案 0 :(得分:1)

将参数放在onclick处理函数中的引号内。也不要将函数名称用作select,这是一个JavaScript保留关键字。你可以check the reserved keyword list here。并在复选框的情况下使用更改事件。

<br>
<% for(int i=0 ; i < dataDetail.size(); i++) { %>
  <input type="checkbox" name="<%=dataDetail.get(i)%>" onchange="selectFn('<%=dataDetail.get(i)%>')">
  <!------------                 here                 ----------^-----------^-------------------->
  <%=dataDetail.get(i)%>
 <br/>
<% } %>


<script type="text/javascript">
  function selectFn(a) {
    document.getElementById("demo").innerHTML = a
  }
</script>

<p id="demo"></p>