CODEWITHSUNDEEP
javascripthtmljsp
swapnil7
swapnil7

Reputation: 898

Get name of selected checkbox

I am newbie to JavaScript / html , so my question may be silly for you but I am stuck on it.

I want name of selected check box. I have tried following code

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

But I there is no changes on the page, please help on this

Edit

Link for my jsp page

Upvotes: 1

Views: 89

Answers (1)

Pranav C Balan
Pranav C Balan

Reputation: 115222

Put the parameter inside quotes in onclick handler function. Also don't use function name as select which is a JavaScript reserved keyword. You can check the reserved keyword list here. And use change event in case of checkbox.

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

Upvotes: 1

Related Questions