由于此javascript代码无法在控制台上提供未定义的结果,因此无法取得成功。
通过单击单选按钮。我想通过检查单选框值和单元格值在其他地方显示表记录。
function readonclick() {
console.log("FX");
var rad = $("input[name='studentidradio']:checked").val();
var table = document.getElementById("studenttableactual"),rIndex,tr,td0,td1,td2,td3,td4,td5;
tr = table.getElementsByTagName("tr");
for(var i=0;i<table.rows.length;i++) {
td0 = tr[i].getElementsByTagName("td")[9];
if(td0 == rad) {
td1 = tr[i].getElementsByTagName("td")[0];
td2 = tr[i].getElementsByTagName("td")[2];
td3 = tr[i].getElementsByTagName("td")[3];
td4 = tr[i].getElementsByTagName("td")[5];
td5 = tr[i].getElementsByTagName("td")[6];
console.log(td2);
}
rIndex = this.rowIndex;
console.log(td2);
}
}
如何将其转换为仅jquery。
我在这种情况下引用的表
<table class="table table-sm" id="studenttableactual">
<thead>
<tr>
<th scope="col">ID</th>
<th scope="col">Name</th>
<th scope="col">EnteredTo</th>
<th scope="col">NowIn</th>
<th scope="col">BirthDate</th>
<th scope="col">EntryDate</th>
<th scope="col">PhoneNo</th>
<th scope="col">Address</th>
<th scope="col">Email</th>
<th scope="col">Status</th>
<th scope="col" class="text-danger">select</th>
</tr>
</thead>
<tbody>
<%
List<Student> studentlist = StudentDao.getRecords();
for(Student s:studentlist) {
out.print("<tr><th scope=\"row\"><p>"
+s.getId()+"</p></th><td><p>"
+s.getName()+"</p></td><td><p>"
+s.getEnteredGrade()+"</p></td><td><p>"
+s.getCurrentGrade()+"</p></td><td><p>"
+s.getBirthdate()+"</p></td><td><p>"
+s.getRegistereddate()+"</p></td><td><p>"
+s.getPhone()+"</p></td><td><p>"
+s.getAddress()+"</p></td><td><p>"
+s.getEmail()+"</p></td><td><p>"
+s.getStatus()+"</p></td>"
+"</p></td><td><p>"
+"<div class=\"form-check\"><input class=\"form-check-input\" type=\"radio\" name=\"studentidradio\" id=\"studentidradio\" value="+s.getId()+"></div>"
+"</p></td><tr>");
}
%>
</tbody>
</table>