javascript - 如何在JavaScript中使用onblur和onchange

如何在JSP文件中使用onblur和onchange
我有一个表格，其中包含几个单选和selecbox输入字段。本质上，我需要处理所有字段的onchange事件和某些字段的onblur事件。当对字段进行更改并且该字段失去焦点时，两个事件都将触发（这是正确的行为）。

Actullay我的预期输出是当我更改单选按钮时，选定的单选按钮selctbox将启用，而其他按钮将被禁用。它将如何实现

<table class="table table-condensed table-striped table-bordered" style="width: 100%;">
    <thead style="height: 60px; overflow: auto;">
        <tr>
        <th style="text-align: center;color: teal;width: 5%;padding: 1%;"></th>
        <th style="text-align: center;color: teal;width: 5%;padding: 1%;">#</th>
        <th style="color: teal;width: 15%;text-align: center;padding: 1%;">Pedagogy</th>
        </tr>
    </thead>
    <tbody>
        <%
        int index = 0;
        for (Map<String, Object> eachLessonPlanDaily : lessonPlanDailys)
        {
        %>
        <tr>
            <td style="text-align: center;width: 5%;">
            <%
            if(studentList.get(0).get("lessonPlanId") != null && studentList.get(0).get("lessonPlanId").equals(eachLessonPlanDaily.get("_id").toString())) {
            %>
                <input type="radio" id="lessonPlanId" name="lessonPlanId" value="<%=eachLessonPlanDaily.get("_id").toString()%>" onblur="javascript:selectlpdblur(<%=index%>)" onchange="javascript:selectlpd(<%=index%>)" checked="checked">
            <%
            }
            else {
            %>
                <input type="radio" id="lessonPlanId" name="lessonPlanId" value="<%=eachLessonPlanDaily.get("_id").toString()%>" onblur="javascript:selectlpdblur(<%=index%>)" onchange="javascript:selectlpd(<%=index%>)">
            <%
            }
            %>
            </td>
        <td style="text-align: center;width: 5%; "><%=index+1%></td>
        <td style="width: 15%;text-align: justify; ">
            <select name="pedagogylp" id="pedagogylp-<%=index%>" value="this.value" onchange="javascript:selectlpd(<%=index%>)" disabled="true">
                <option value="select">-------------select-------------</option>
                <%
                Iterator iterator = pedagogyList.entrySet().iterator();
                while (iterator.hasNext()) {
                    Map.Entry mapEntry = (Map.Entry) iterator.next();
                    if(eachLessonPlanDaily.get("pedagogy") != null && eachLessonPlanDaily.get("pedagogy").equals(mapEntry.getValue())){
                    %>
                        <option selected value="<%=mapEntry.getKey()%>"><%=mapEntry.getValue()%></option>
                    <%
                    }
                    else {
                    %>
                        <option value="<%=mapEntry.getKey()%>"><%=mapEntry.getValue()%></option>
                    <%
                    }
                }
                %>
            </select>
        </td>
        </tr>
       <%
       index++;
                }
       %>
    </tbody>
</table>

这是我的JavaScript代码

function selectlpd(val) {
    alert("ok........."+val)
    document.getElementById("pedagogylpd").value = document.getElementById("pedagogylp-"+val).value;
    document.getElementById("pedagogylp-"+val).disabled=false;
}

function selectlpdblur(val) {
    alert("ok.blur........"+val)
    document.getElementById("toynamelp-"+val).disabled=true;
}

最佳答案

尝试从属性“ onchange”和“ onblur”（http://www.w3schools.com/jsref/event_onblur.asp）中删除“ javascript：”。您的代码看起来还不错，否则，请在浏览器中使用F12选项（开发人员控制台）进行调试。

关于javascript - 如何在JavaScript中使用onblur和onchange，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42089718/