卡在javascript中的这段代码给了我未定义

时间:2019-05-17 15:35:42

标签: javascript jquery

由于此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>

0 个答案:

没有答案