jQuery 在前台页面处理复选框
function getcouresid() {
var coures="";
var i = 0 ;
var couresid = $("#couresid"+i).get(0);
// var chk = "#chk"+i;
// document.form(form名).checkbox(checkbox名).value
//document.form名.check名.checked.value=一个值有个checked
//$('#checkbox-id').is(':checked')
//document.getElementById( "chk" ).ckecked==true
while(couresid != undefined && couresid !=null ){
if($('#chk'+i).is(':checked')){
coures +=couresid.value+",";
}
++i;
couresid = $("#couresid"+i).get(0);
//chk = "#chk"+i;
}
$("#coures_id")[0].value = coures;
console.info("coures_id:"+coures);
}
</script>
</head>
<body>
<div class="row form-group">
<div class="col-sm-5" align="center">
<h4>我的课程</h4>
</div>
</div>
<div class="form-group" >
<form action="">
<table class="table table-striped">
<tr>
<th>#</th>
<th>课程名称</th>
<th>课程课时</th>
<th>课程学分</th>
<th>上课时间</th>
<th>任课教师</th>
<th>教师联系方式</th>
<th>全选</th>
</tr>
<c:forEach items="${requestScope.listteachercouresbean }" var="tcn" varStatus="st">
<input type="hidden" id="couresid${st.index}" name="couresid${st.index}" value="${tcn.tea_coures_id}"/>
<tr>
<td>${st.index}</td>
<td>${tcn.tea_coures_name}</td>
<td>${tcn.tea_coures_period}</td>
<td>${tcn.tea_coures_credit}</td>
<td>${tcn.tea_coures_time}</td>
<td>${tcn.tea_coures_infoname}</td>
<td>${tcn.tea_coures_infotelephone}</td>
<td>
<div class="checkbox">
<label> <input type="checkbox" id="chk${st.index}" name="chk${st.index}">选课
</label>
</div>
</td>
</tr>
</c:forEach>
</table>
</form>
</div>
<form action="StudentCouresControl?opt=3" method="post">
<input type="hidden" name="coures_id" id="coures_id">
<div class="row rowHeigth">
<div class="form-group">
<div class="col-sm-offset-4 col-sm-2">
<button type="submit" class="btn btn-default" οnclick="getcouresid();">提交</button>
</div>
<div class="col-sm-offset-2 col-sm-4">
<button type="reset" class="btn btn-default">重置</button>
</div>
</div>
</div>
</form>
</body>