Почему мой Javascript не работает на странице jsp?

Question

Я создаю функцию, чтобы сделать первую кнопку радиона, но мой javascript не работает. Когда я использую его в jsfiddle, он работает идеально, но когда я пытаюсь на странице jsp, он больше не работает. Может ли кто-нибудь сказать мне, что я делаю неправильно? Я работаю с struts 1 и не использую jquery libs.

Это мой код:

document.querySelectorAll('[name=radioButton]')[0].checked = true;

\t <table id="tabledata" style="width: 80%" border=1> 
 
\t \t \t <tr> 
 
\t \t \t \t <th></th> 
 
\t \t \t \t <th>Name</th> 
 
\t \t \t \t <th>Code</th> 
 
\t \t \t </tr> 
 
\t \t \t <tr> 
 
\t \t \t \t <td><input type="radio" name="radioButton"></td> 
 
\t \t \t \t <td>122222222222222</td> 
 
\t \t \t \t <td>4444444444444444 </td> 
 
\t \t \t </tr> 
 
      <tr> 
 
\t \t \t \t <td><input type="radio" name="radioButton"></td> 
 
\t \t \t \t <td>122222222222222</td> 
 
\t \t \t \t <td>4444444444444444 </td> 
 
\t \t \t </tr> 
 
      <tr> 
 
\t \t \t \t <td><input type="radio" name="radioButton"></td> 
 
\t \t \t \t <td>122222222222222</td> 
 
\t \t \t \t <td>4444444444444444 </td> 
 
\t \t \t </tr> 
 
      <tr> 
 
\t \t \t \t <td><input type="radio" name="radioButton"></td> 
 
\t \t \t \t <td>122222222222222</td> 
 
\t \t \t \t <td>4444444444444444 </td> 
 
\t \t \t </tr> 
 
\t \t \t </table>

И это мой код JSP:

<html:form action="/Showdata"> 
    <div class="loaddata"> 
    <table id="tabledata" style="width: 80%" border=1> 
      <tr> 
       <th></th> 
       <th>Name</th> 
       <th>Code</th> 
      </tr> 
      <logic:iterate id="listEmp" name="ShowdataForm" property="listEmp"> 
      <tr> 
       <td><input type="radio" name="radioButton"></td> 
       <td><bean:write name="listEmp" property="name"/></td> 
       <td><bean:write name="listEmp" property="code"/> </td> 
      </tr> 
      </logic:iterate> 
      </table> 
    </div> 
</html:form> 

Answer 1

хорошо, вопрос не оформлена должным образом. Я нашел несколько ошибок в javascript-коде.

$(document).ready(function() { 
//$(function() {remove this 
    alert("Hello! I am an alert box!!"); 
$("input:radio[name='radioButton']:visible:first").attr('checked', 'checked'); 
    }//why do you have a curly brace here? 
); 
$(function() { 
    $('#tabledata tr').click(function() { 
     $(this).find('tr input:radio').prop('checked', true); 
    }) 
//}); 
}); 

Если вы Разбогатей сделать что-то, когда переключатель проверяется попытка это

$('input:radio[name="radioButton"]').change(
function(){ 
    if (this.checked && this.value == 'Yes') { 
     // called on checking an <input>, not 
     // on un-checking it. 
    } 
}); 

    $(document).ready(function() {//put a block of code in here to run it as soon as document loads. 
    alert("page loaded"); 
    //no need of putting a $(function(){ }); here again 
    }