라디오 버튼을 클릭하면 jsp에서 정의되지 않은 메시지가 나타납니다. 이슈가 뭐야?

Question

라디오 버튼을 클릭하면 id 값을 표시하지만 라디오 버튼을 클릭하면 정의되지 않은 메시지가 표시됩니다. 왜 그런 일이 일어나고있는거야?

<script language="javascript> 
function openSubrurbicPopup(){ 
alert(document.frmRubric.rubricid.value);} 
</script> 
<% 
try{ 
    Class.forName("com.mysql.jdbc.Driver"); 
     con = DriverManager.getConnection("jdbc:mysql://localhost/database", "root", "admin"); 
     String sql = "select * from table where parentid='0'"; 
     rs = con.createStatement().executeQuery(sql); 
    %> 
     <form name="frmRubric" method="post" > 
    <% while(rs.next()){ 
      String id = rs.getString("id"); 
    %> 
      <input type="radio" name="radio" onclick="openSubrurbicPopup()" /> 
      <input type="text" name="rubricid" value="<%=id%>" /><br> 
     <%}%> 
     </form> 
    <%}catch(Exception e){ 
     out.println(e.getMessage()); 
     e.printStackTrace(); 
     } 
    %> 
</body></html> 

Answer 1

그냥 시도해보십시오. 함수에서 textbox 값을 전달하십시오.

onclick="openSubrurbicPopup('<%=id%>');" 

그리고 당신의 자바 스크립트 함수에서

이 당신을 도와줍니다

function openSubrurbicPopup(value){ 
     alert(value); 
} 

희망.

Answer 2

먼저 요소 (DOM)로드 여부를 선택해야합니다.

라디오 버튼이로드되면 코드를 사용해보십시오. 물론 도움이 될 것입니다.

var el = document.getElementsByTagName('input'); 

if (document.forms['frmRubric'].el[i].type === 'radio' && document.forms['jobView'].el[i].name === 'radio') 
{ 
    if(document.forms['frmRubric'].el[i].checked == true) 
    { 
     alert("val = " + document.forms['frmRubric'].el[i].value); 
    } 
}else { 
     alert('Element not loaded"); 
    } 
}