Name des ausgewählten Kontrollkästchens

Question

Ich bin Neuling zu JavaScript/html, also meine Frage kann für Sie albern sein, aber ich bin darauf fest.

Ich möchte den Namen des ausgewählten Kontrollkästchens. Ich habe versucht, Code folgende

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

Aber ich gibt es keine Änderungen auf der Seite, helfen Sie bitte auf diesen

bearbeiten

Link for my jsp page

Answer 1

Setzen Sie die Parameter in Anführungszeichen in Onclick-Handler Funktion. Verwenden Sie auch nicht den Funktionsnamen select, der ein reserviertes JavaScript-Schlüsselwort ist. Sie können . Und verwenden Sie change event im Falle eines Kontrollkästchens.

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