日期:2014-05-16  浏览次数:20409 次

复选框不确定选择-js实现

    最近在扩展《选修课系统》的一个功能——老师添加学生指标(教师持有给自己课程添加学生的指标)时,试写了一个小功能,总结一下。

    如下图界面为老师添加学生指标界面;查询出本学期教师自己所教课程,再查询出所要添加的学生 分别选中后,点击"添加"按钮,即可给该学生授课。

想达到的效果:可选择该教师多门课程,给这些课程添加多个学生;

预想如何实现:使用数组,将选择的课程和学生分别放在数组中;

操作中可能存在的问题:选择课程和学生的不确定因素,即:选择了课程1、课程2、课程3后又取消选择课程1/课程2/课程3,选择了学生1、学生2后,又取消选择课程1/课程2——数组如何控制  下面内容给出解释

这次使用的是js实现

界面:


前台:

                        <!--韩学敏 2014-03-04-->
                        <tr align="center">            
                           <!--隐藏 ‘考试ID’-->
                            <input type="hidden" id='<%#Eval("CourseID")%>'/> 
                            <input type="hidden" id='<%#Eval("CourseName")%>'/> 
                            <td><input type="checkbox" id="chkSelectCourse" value='<%#Eval("CourseID") %>' onclick="javascript:ChooseChkSelectCourse(this,'<%# Eval("CourseName")%>');"> </td>       

                            <td><%#Eval("SchoolYear")%></td>
                            <td><%#Eval("Semester")%></td>
                            <td><%#Eval("CourseCode")%></td>
                            <td><%#Eval("CourseName")%></td>
                            <td><%#Eval("CourseCategoryName")%></td>
                            <td><%#Eval("CourseTeacherCount")%></td>                      
                        </tr>
        

     <tr align="center">   
                            <%--<td><asp:CheckBox ID="chkSelectStu" runat="server" /></td>  --%>
                            <!--隐藏 ‘学生ID’-->
                            <input type="hidden" id="<%#Eval("StudentID")%>"/>
                            <td><input type="checkbox" id="chkSelectStu" value='<%#Eval("StudentID") %>' onclick="javascript:ChooseChkSelectStu(this);"> </td>             
                            <td><%#Eval("StudentCode") %></td>
                            <td><%#Eval("StudentName") %></td>
                            <td><%#Eval("Sex") %></td>
                            <td><%#Eval("ExecutiveClassName") %></td>
                            <td><%#Eval("GradeName") %></td>
                            <td><%#Eval("DepartmentName") %></td>
                            <td><%#Eval("CollegeName") %></td>
                        </tr>

代码解释: